这几天在用echarts折线图的时候,当第一次加载的数据条目数大于之后加载的条目数的时候出现了一个奇怪的bug,
第二次加载的数据覆盖等量的第一次的数据。第一次加载多余的数据不会丢失,还会展示在折线图上。
此时,我到echarts中的option的数据legend和series数据均为正常第二次加载的数据,数据已更新,也触发了echarts的渲染。
解决办法:
原来set的时候是:
this.charts.setOption(option);
正确的应该是:
this.charts.setOption(option,true);
再次刷新,问题解决,
查看官方文档后发现setOption有3个属性
setOption(option,notMerge,lazyUpdate);
第二个notMerge默认为false,即默认合并两个数据
置为true之后则不合并数据了,就可以实现刷新数据的效果了