使用echart 做出數(shù)據(jù)折線圖
代碼如下:
// 基于準(zhǔn)備好的dom,初始化echarts圖表
var myChart = echarts.init(document.getElementById("main"));
//異步獲取數(shù)據(jù)
var cate=[];
var da=[];
function getsomething(i){
var cate=[];
var da=[];
var id= i.value;
var option=$("#year option:selected").val();
$.get('getsj',{id:id,option:option},function(data){
var b=JSON.parse(data);
for(var i=0;i< b.length;i++){
cate.push(b[i].days);
da.push(b[i].sums);
}
myChart.setOption({ //加載數(shù)據(jù)圖表
title: {
text: '車場(chǎng)收益折線圖'
},
tooltip: {},
legend: {
data:['收入']
},
xAxis: {
data: cate
},
yAxis: {},
series: [{
name: '收入',
type: 'line',
data: da
}]
});
})
}
在測(cè)試過(guò)程中,將 myChart.setOption() 加載數(shù)據(jù)圖表放在方法外導(dǎo)致無(wú)法實(shí)例出圖表,要注意。
---恢復(fù)內(nèi)容結(jié)束---
posted on 2018-03-20 11:06 業(yè)界灬小白 閱讀(1254) 評(píng)論(0) 收藏 舉報(bào)
浙公網(wǎng)安備 33010602011771號(hào)