1. 程式人生 > >echarts動態ajax改變渲染資料

echarts動態ajax改變渲染資料


我的是柱狀圖,xDateyDate是橫軸和縱軸的資料。

在往optionpush值得時候注意:

    之前我是這樣操作的:

			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是後臺傳回的資料,xDateyDate是兩個陣列用來接收資料最後清空,這樣就達到了效果。


對了還有一點,在option大括號裡面的data[]嚴格這樣寫。


希望對大家有幫助。