echarts動態ajax改變渲染資料
阿新 • • 發佈:2019-02-04
我的是柱狀圖,xDate和yDate是橫軸和縱軸的資料。
在往option中push值得時候注意:
之前我是這樣操作的:
option.series[0].data.push(result[res]["name"]);
option.xAxis[0].data.push(result[res]["name"]);
總之就是直接賦值操作,當我再次去請求資料再賦值時候會把之前的資料帶進來,和需求不符。
解決:先把後臺的值給xDate,yDate;再賦值給option,然後清空,程式碼如下:
var xDate=[]; var yDate=[]; for(var res in result){ //number+=result[res]["count"]; xDate.push(result[res]["name"]); yDate.push(result[res]["num"]); } debugger; option.series[0].data=yDate; option.xAxis[0].data=xDate; xDate=[]; yDate=[]; myChart.setOption(option,true);
請容許我解釋:result是後臺傳回的資料,xDate和yDate是兩個陣列用來接收資料最後清空,這樣就達到了效果。
對了還有一點,在option大括號裡面的data[]嚴格這樣寫。
希望對大家有幫助。