highcharts是一款非常流行的javascript圖表庫,可通過JSON數據源生成各種交互式圖表。雙Y軸柱狀圖是一種特殊類型的柱狀圖,可以顯示兩個不同的數據集,并使用不同的Y軸標度來表示它們。
{ "chart":{ "type":"column" }, "title":{ "text":"Sales and Expenses" }, "xAxis":{ "categories":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"] }, "yAxis":[{ "title":{ "text":"Sales" } },{ "title":{ "text":"Expenses" }, "opposite":true } ], "series":[ { "name":"Sales", "data":[30000,46000,22000,31000,42000,54000,32000,25000,37000,42000,33000,55000], "yAxis":0 }, { "name":"Expenses", "data":[25000,35000,18000,27000,35000,43000,29000,21000,32000,36000,25000,48000], "yAxis":1 } ] }
在上面的JSON代碼中,我們定義了一個柱狀圖,并使用“sales”和“expenses”兩個系列來顯示數據。我們還定義了一個雙Y軸,其中一個用于表示銷售額,另一個用于表示開銷。我們還定義了X軸的類別,這是每個月的名稱。
每個系列都使用“yAxis”屬性來指定它應該使用哪個Y軸。在這種情況下,“sales”系列將使用Y軸0,“expenses”系列將使用Y軸1。這使我們可以比較“sales”和“expenses”數據,每個系列都有自己的Y軸標度。雙Y軸柱狀圖非常有用,可以幫助我們比較兩個不同的數據集,同時保持它們的比例和標度。
上一篇html 基礎代碼大全
下一篇c json 寫入數組