如何用Highcharts制作柱形图
工具/材料
崇高的文本
操作方法 01
打入Sublime文本，新建一个HTML5页面，然后在页面中插入jquery和highcontracts的脚本文件，如下图所示。
02
然后，在body元素中定义div容器来放置柱形图，如下图所示。注意设置div的宽度和高度。
03
接下来，在脚本中，顺序直方图的标题、副标题、X轴和Y轴的配置信息如下图所示。
04
然后准备直方图的数据，如下图所示。数据应该与上面定义的X轴匹配。
05
下一步是将所有准备好的数据和参数配置放到json中，如下图所示。highcharts只接受json作为参数。
06
一切准备就绪后，可以调用highcontracts方法并传入准备好的json字符串来生成直方图，如下图所示。
07
最后，运行page程序后，可以看到自己定义的直方图，如下图所示。
