在用echarts折线图的时候,一开始查询的是全部,显示了3条数据,然后筛选后只查询一条数据的值,重新setOption后发现图表上还是3条数据。
接着开始后台打印console.log(data),发现确实只有一条数据的值,说明值已变更但是图表没有更新
后来百度后发现解决办法:
原来set的时候是:
this.charts.setOption(data);
正确的应该是:
this.charts.setOption(data,true);
再次刷新,问题解决,
查看官方文档后发现setOption有3个属性
setOption(option,notMerge,lazyUpdate);
第二个notMerge默认为false,即默认合并两个数据
置为true之后则不合并数据了,就可以实现刷新数据的效果了