Echarts 重繪-請求後臺數據重新渲染時數據合併問題解決

在這裏插入圖片描述

問題描述:在寫折線圖根據搜索條件從後臺渲染數據時發現了這個問題,雖然後臺返回數據變化,打印數據發現自己也確實給series賦上了值,但是渲染出來的數據卻仍然保留上一次的數據。

解決: 再仔細看了echarts文檔之後,解決了這個簡單的問題,但確實也耗費了不少時間。

解決如下-親測有效

watch:{   
   chartOption:{        
	   handler(curVal){      
	       this.myChart.setOption(curVal,true);        
	   },        
	   deep:true      
   }   
},
mounted() {      
	this.myChart = echarts.init(document.querySelector(queryEle));      
	this.myChart.setOption(this.chartOption,true);      
	this.init();    
},

注:一定要在監聽圖表變化時也加上 this.myChart.setOption(curVal,true),否則也不生效

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章