本章節我們将為大家介紹使用 Highcharts 生成圖表的一些配置。
建立一個 HTML 頁面,引入 jQuery 和 Highcharts 庫:
檔案名:HighchartsTest.htm
執行個體中 id 為 container 的 div 用于包含 Highcharts 繪制的圖表。
Highcharts 庫使用 json 格式來配置。
這裡 json 表示使用 json 資料格式和 json 格式的配置來繪制圖表。步驟如下:
為圖表配置标題:
為圖表配置副标題:
配置要在 X 軸顯示的項。
配置要在 Y 軸顯示的項。
配置提示資訊:
配置圖表向右對齊:
配置圖表要展示的資料。每個系列是個數組,每一項在圖檔中都會生成一條曲線。
組合是由配置資訊:
以下為完整的執行個體(HighchartsTest.htm):
嘗試一下 »
以上執行個體輸出結果為: