Highcharts是一个制作图表的纯Javascript类库。支持曲线图、区域图、柱状图、饼状图、散状点图和综合图表,兼容当今所有的浏览器,包括IE、火狐、苹果等。Highcharts能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。
Highcharts软件特色
1、可变焦:选中图表部分放大,近距离观察图表;兼容性:
2、输出:网页输出图表。
3、文字旋转:支持在任意方向的标签旋转。
4、时间轴:可以精确到毫秒。
5、外部数据:从服务器载入动态数据。
6、采用纯JavaScript编写,兼容当今大部分的浏览器,包括Safari、IE和火狐等等;
7、导出:表格可导出为 PDF/ PNG/ JPG / SVG 格式
8、放大功能:HighCharts可以大量数据集中显示,并且可以放大某一部分的图形,将图表的精度增大,进行详细的显示,可以选择横向或者纵向放大。
9、提示功能:HighCharts生成的图表中,可以设置在数据点上显示提示效果,即将鼠标移动到某个数据点上,可以显示该点的详细数据,并且可以对显示效果进行设置。
10、图表类型:HighCharts支持图表类型,包括曲线图、区域图、柱状图、饼状图、散状点图和综合图表等等,可以满足各种需求。
11、不受语言约束:HighCharts可以在大多数的WEB开发中使用,并且对个人用户免费,支持ASP,PHP,JAVA,、NET等多种语言中使用。
安装教程
安装编号
npm和Bower
Highcharts也可以通过npm和Bower打包获得。分别阅读有关使用npm或Bower进行安装的更多信息。如果您不使用这些,请继续阅读。
1、包括Highcharts
《head》如下所示,将JavaScript文件包含在网页的部分中。
《脚本src = “ https://code、highcharts、com/highcharts、js ” 》 《/脚本》
如果需要对IE6、7或8的支持,则需要包括一些polyfill。请参阅系统要求中的详细信息。
2、或者,从您自己的域中加载文件
在上面的示例中,JavaScript文件是从ajax、googleapis、com和code、highcharts、com加载的。可以从highcharts、com下载Highcharts文件,并将其放在您的网页上。这是从您自己的服务器提供的Highcharts的示例:
《脚本src = “ /js/highcharts、js ” 》 《/脚本》
3、加载Highcharts库存或Highcharts地图
Highcharts库存中已包含Highcharts,因此不必同时加载两者。软件包中包含highstock、js文件。还包含了highmaps、js文件,但与highstock、js不同,该文件不包含完整的Highcharts功能集。可以将Highcharts Stock和Highcharts地图加载为单独的文件,如下所示:
《脚本src = “ /js/highstock、js ” 》 《/脚本》
《脚本src = “ /js/highmaps、js ” 》 《/脚本》
但是,单独的文件不能一起或与highcharts、js一起在同一页面中运行。因此,如果需要在彼此相同的页面或带有基本Highcharts的页面中使用库存或地图,则可以将它们作为模块加载:
《脚本src = “ /js/highcharts、js ” 》 《/脚本》
《脚本src = “ /js/modules/stock、js ” 》 《/脚本》
《脚本src = “ /js/modules/map、js ” 》 《/脚本》
4、开始使用
您现在可以使用Highcharts了,请参阅第一个图表以开始使用。
Highcharts版本1、x依靠excanvas、js在IE中呈现。从Highcharts 2、0(和所有Highcharts Stock版本)开始,IE VML渲染内置到库中。