问题描述:在写折线图根据搜索条件从后台渲染数据时发现了这个问题,虽然后台返回数据变化,打印数据发现自己也确实给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),否则也不生效
。