Highcharts(图表API库)

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渲染内置到库中。