问题描述:
使用highcharts 绘制Web图表
Highcharts说明:
问题解决:
(1)安装Highcharts
在这些图表中,数据源是一个典型的JavaScript数组数据。其来源可以是一个单独的JavaScript文件,或者是通过Ajax调用远程服务器提供的数据。
总结:
使用highcharts需要在项目中添加三个文件,highchart.js/exporting.js/jquery.js ,
同时,需要在JSP文件中定义图表的div填充位置。
具体的使用实例如下:
注:
以上为使用的头文件,使用highcharts需要添加如上的三个JS文件,其中第一个是jquery的基本文件,第2个是highcharts的js文件,最后一个是绘制图表需要添加的文件。
注:
其中引用绘制图表的方法是<select onchange="JQueryLine()">
注:
其中<div id="chart"></div>是显示图表的容器。
注:
以上是使用highcharts绘制图表的JS代码
highcharts的使用手册与实例如下:


![clipboard[1] clipboard[1]](https://images0.cnblogs.com/blog/440499/201309/06153453-e3828b87ed3440eb892d05aa32d0438c.png)
![clipboard[2] clipboard[2]](https://images0.cnblogs.com/blog/440499/201309/06153454-1697bc49a4ca448db53810b433ea82cf.png)
![clipboard[3] clipboard[3]](https://images0.cnblogs.com/blog/440499/201309/06153457-bae9c72defb44fb1abce9bfac61c6d42.png)
![clipboard[4] clipboard[4]](https://images0.cnblogs.com/blog/440499/201309/06153459-9070e3f214c346eb88803696b4647c92.png)
![clipboard[5] clipboard[5]](https://images0.cnblogs.com/blog/440499/201309/06153500-c08fa2b327ee4aeaab8998bef3635d13.png)
![clipboard[6] clipboard[6]](https://images0.cnblogs.com/blog/440499/201309/06153501-8c116a67b62645ac8ae135bba921b735.png)
![clipboard[7] clipboard[7]](https://images0.cnblogs.com/blog/440499/201309/06153503-f879e86bb63e461d80924ce6cfdc03ad.png)
![clipboard[8] clipboard[8]](https://images0.cnblogs.com/blog/440499/201309/06153505-a253fa7371bf4d22b573ad8edffb653c.png)