标签:
Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库,废话不多说,直接进入主题!
首先,下载Highcharts包文件,下载地址如下:
解压文件后,下载最新版本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>
标签:
原文地址:http://www.cnblogs.com/jianyeLee/p/5634366.html