highcharts 是一个用纯 JavaScript 编写的一个图表库,Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图等多达 20 种图表,其中很多图表可以集成在同一个图形中形成混合图。Highcharts 可以在所有的移动设备及电脑上的浏览器中使用,功能齐全并且使用方便。
1、 在这个项目中因为需要图表显示该公司的财务浮动和产品需求变化等业务,我们选择了highcharts。
实现细节:在引入它的JS文件之后,准备一个容器,并指定大小,然后通过 Highcharts 的初始化函数 Highcharts.chart 来创建图表,该函数接受两个参数,第一个参数是 DOM 容器的Id,第二个参数是图表配置,在图表配置中我们设置所需要的图表类型与功能,并读取准备好的JSON格式数据最终生成图表。