Highcharts 是Highsoft提供的一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。 HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表等。 Highcharts特点:兼容性强、图表的主题类型多、操作性强、使用简单。 除了Highcharts以外,Highsoft还提供了Highstock和Highmaps,分别显示分时数据和地图。
一般将Highcharts和jQuery一起使用,所以需要引入highcharts.js和jquery.min.js两个js文件; 如果需要使用Highstock,那么需要需要引入highstock.js; Highmaps需要引入highmaps.js。 对应js下载地址:http://www.hcharts.cn/product/download.php。 这里选用highcharts4.1.8和highmaps1.1.8。
|-- examples 例子目录
|-- exporting-server 导出服务器目录
|-- gfx 图片资源目录
|-- graphics 图片资源目录
|-- js 所有 js 文件源码代码(带 .src 的文件为未压缩版源代码)
|-- index.htm 例子入口文件
https://api.hcharts.cn/highcharts
highcharts支持两种方式进行chart对象的创建,
分别是第一种"$("#container").highcharts({....})"
;
第二种是"var charts = new Highcharts.Chart({chart : {renderTo : "container"}});"
,
第二种方式要求renderTo指定的值一定是容器ID。
通过这两种方式都可以给对应容器绑定chart对象,当绑定完成后,
可以通过$("#container").highcharts()
来获取绑定的chart对象。