1-Highcharts环境介绍及配置

　　Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库，废话不多说，直接进入主题！

　　首先，下载Highcharts包文件，下载地址如下：

- 　　中文网下载中心：http://www.hcharts.cn/product/download.php
- 　　官方下载：http://www.highcharts.com/download
- 　　Github 开源项目：https://github.com/highslide-software/highcharts.com
- 　　中文网开放CDN ： http://cdn.hcharts.cn
- 　　官方 CDN 服务： http://code.highcharts.com

　　解压文件后，下载最新版本jQuery，好了，所需的文件暂时就要这么些了！

　　开始基本配置，配置很简单：

　　1：建立html，

　　2：在head中引入jQuery的js包，和下载的Highcharts目录下js的Highcharts.js包,

　　3：在body中一般建立一个div，格式如下：<div id="container" style="min-width:800px;height:400px"></div>，这个div就是包含生成图表的块，

　　4：然后在head中建立script包含javascript代码编写即可。

　　具体格式如下：

<!DOCTYPE>
<html lang='en'>
<head>
<script src="../jquery-2.1.4/jquery.min.js"></script>
<script src="../Highcharts-4.2.5/js/highcharts.js"></script>
<script src="../Highcharts-4.2.5/js/themes/grid.js"></script><!--主题   网格 -->

<script>
$(function () {
    //javascript代码写在此处
});
</script>
</head>

<body>
<div id="container" style="min-width:700px;height:400px"></div>
</body>

</html>

巴特西

1-Highcharts环境介绍及配置

最新文章

热门文章