如何用Highcharts製作柱形圖
來源：酷知科普網 7.79K
工具/材料
Sublime Text
操作方法
打卡Sublime Text，新建HTML5頁面，然後在頁面中插入jquery和highcharts的指令碼檔案，如下圖所示
然後在body元素中定義放置柱形圖的div容器，如下圖所示，注意給div設定寬和高
接下來在script中訂單柱狀圖的標題，副標題，X，Y座標軸的配置資訊，如下圖所示
然後就是準備柱狀圖的資料了，如下圖所示，資料要和上面定義的X座標軸進行匹配
接下來就是將所有準備好的資料和引數配置都放在json中，如下圖所示，highcharts只接受json的傳參方式
一切準備好之後，下面你就可以呼叫highcharts方法，並且傳入所準備的json串來生成柱狀圖，如下圖所示
最後，執行頁面程式以後，你就可以看到自己定義的柱狀圖了，如下圖所示
