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ù)可視化展示。