問題描述:在寫折線圖根據搜索條件從後臺渲染數據時發現了這個問題,雖然後臺返回數據變化,打印數據發現自己也確實給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),否則也不生效
。