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

echarts 綁定json數組

劉姿婷2年前8瀏覽0評論

Echarts是一個開源、免費的可視化圖表庫,它提供了豐富的圖表類型和方法,可以實現各種各樣的數據可視化操作。而支持Echarts的數據格式主要有JSON、JavaScript對象和數組等,下面我們重點講解Echarts如何綁定JSON數組。

首先,我們需要準備一份JSON數據,這里我們以一個三維柱狀圖為例。

var data = [
{
"name":"1月",
"value":[10,20,30]
},
{
"name":"2月",
"value":[15,25,35]
},
{
"name":"3月",
"value":[20,30,40]
},
{
"name":"4月",
"value":[25,35,45]
},
{
"name":"5月",
"value":[30,40,50]
}
];

接下來,我們需要聲明一個Echarts對象,并定義一個options配置項。在定義options時,需要設置好圖表的基本屬性等,然后就可以綁定數據了。

//聲明echarts對象
var myChart = echarts.init(document.getElementById('main'));
//設置options配置項
var options = {
tooltip: {},
legend: {},
xAxis: {
data: ["產品1","產品2","產品3"]
},
yAxis: {},
series: []
};
//綁定數據
options.series[0] = {
name: '銷量',
type: 'bar3D',
data: data
};
//使用以上配置項繪制圖表
myChart.setOption(options);

通過以上代碼,我們就能將JSON數組綁定到Echarts圖表中了。

總結一下,Echarts綁定JSON數組需要準備好JSON數據和Echarts的options配置項,然后設置好圖表基本屬性并將數據綁定到options中,最后使用setOption方法繪制圖表即可。