天天看點

Highcharts 配置文法

本章節我們将為大家介紹使用 Highcharts 生成圖表的一些配置。

建立一個 HTML 頁面,引入 jQuery 和 Highcharts 庫:

檔案名:HighchartsTest.htm

執行個體中 id 為 container 的 div 用于包含 Highcharts 繪制的圖表。

Highcharts 庫使用 json 格式來配置。

這裡 json 表示使用 json 資料格式和 json 格式的配置來繪制圖表。步驟如下:

為圖表配置标題:

為圖表配置副标題:

配置要在 X 軸顯示的項。

配置要在 Y 軸顯示的項。

配置提示資訊:

配置圖表向右對齊:

配置圖表要展示的資料。每個系列是個數組,每一項在圖檔中都會生成一條曲線。

組合是由配置資訊:

以下為完整的執行個體(HighchartsTest.htm):

嘗試一下 »

以上執行個體輸出結果為: