欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

echarts json數(shù)據(jù)格式化

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

Echarts是一種非常常見的可視化工具,它需要的數(shù)據(jù)格式是JSON格式,因此在使用Echarts之前需要將數(shù)據(jù)進行格式化。下面我們來介紹一下Echarts的JSON數(shù)據(jù)格式化。

// 示例JSON格式數(shù)據(jù)
var data = [
{name: '張三', age: 18, score: 90},
{name: '李四', age: 20, score: 85},
{name: '王五', age: 22, score: 95}
];

一般情況下,Echarts的數(shù)據(jù)格式包含x軸、y軸以及數(shù)據(jù)項,下面我們來看一下如何將示例JSON數(shù)據(jù)格式化成Echarts所需要的格式。

// 數(shù)據(jù)項
var series_data = [];
for(var i=0; i< data.length; i++){
series_data.push(data[i].score);
}
// x軸
var xAxis_data = [];
for(var i=0; i< data.length; i++){
xAxis_data.push(data[i].name);
}
// y軸
var yAxis_data = [];
// Echarts格式化數(shù)據(jù)
var option = {
xAxis: {
type: 'category',
data: xAxis_data
},
yAxis: {
type: 'value'
},
series: [{
data: series_data,
type: 'bar'
}]
};

通過上面的步驟,我們可以將示例JSON數(shù)據(jù)格式化成Echarts所需要的數(shù)據(jù)格式,從而使用Echarts進行數(shù)據(jù)可視化展示。