如何用Highcharts制作柱形圖
2022-02-23
工具/材料
Sublime Text
操作方法
- 01
打卡Sublime Text，新建HTML5頁面，然后在頁面中插入jquery和highcharts的腳本文件，如下圖所示
- 02
然后在body元素中定義放置柱形圖的p容器，如下圖所示，注意給p設置寬和高
- 03
接下來在script中訂單柱狀圖的標題，副標題，X，Y坐標軸的配置信息，如下圖所示
- 04
然后就是準備柱狀圖的數據了，如下圖所示，數據要和上面定義的X坐標軸進行匹配
- 05
接下來就是將所有準備好的數據和參數配置都放在json中，如下圖所示，highcharts只接受json的傳參方式
- 06
一切準備好之后，下面你就可以調用highcharts方法，并且傳入所準備的json串來生成柱狀圖，如下圖所示
- 07
最后，運行頁面程序以后，你就可以看到自己定義的柱狀圖了，如下圖所示
詞條內容僅供參考，如果您需要解決具體問題
（尤其在法律、醫學等領域），建議您咨詢相關領域專業人士。