色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

highcharts 柱狀圖 json

方一強2年前8瀏覽0評論

Highcharts是一個用于展示數據的JavaScript庫,它支持多種圖表類型,包括柱狀圖。在Highcharts中,我們可以通過JSON數據來生成柱狀圖。

首先,我們需要準備一份數據,它的格式應該是一個JSON數組。例如:

[
{"name": "A", "y": 10},
{"name": "B", "y": 20},
{"name": "C", "y": 30},
{"name": "D", "y": 40},
{"name": "E", "y": 50}
]

其中name表示柱子的名稱,y表示柱子的高度。接著,我們需要在HTML頁面中創建一個div容器,用于存放柱狀圖。

<div id="container"></div>

接下來就是在JavaScript代碼中使用Highcharts生成柱狀圖了。代碼如下:

Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: '柱狀圖'
},
xAxis: {
categories: ['A', 'B', 'C', 'D', 'E']
},
series: [{
name: '數量',
data: [10, 20, 30, 40, 50]
}]
});

在代碼中,我們通過Highcharts.chart()方法創建了一個柱狀圖。其中,'container'參數表示容器的id,type表示圖表的類型,title表示圖表的標題,xAxis表示x軸的數據,categories表示x軸的標簽,series表示柱子的數據,name表示柱子的名稱,data表示柱子的高度。

最后,我們就可以在HTML頁面中看到生成的柱狀圖了!