Highcharts是一款包含highcharts.js插件在内的图表插件兼容各种平台系统,让你的数据处理更加高效
Highcharts 是一个用纯javascript编写的一个图表库。
软件基础简介
Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表
Highcharts 免费提供给个人学习、个人网站和非商业用途使用。
Highcharts 系列软件包含 Highcharts JS,Highstock JS,
Highmaps JS 共三款软件,均为纯 JavaScript 编写的 HTML5 图表库,全部源码开放。
软件特性
1、兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
2、对个人用户完全免费;
3、纯JS,无BS;
4、支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼状图、散布图;
5、跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
6、提示功能:鼠标移动到图表的某一点上有提示信息;
7、放大功能:选中图表部分放大,近距离观察图表;
8、易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
9、时间轴:可以精确到毫秒;
安装步骤
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渲染内置到库中。