[TOC]
在用echarts折线图的时候,一开始往echarts的series中输入的是6条数据,然后动态更新数据后,往echarts的series中输入的是3条数据,重新setOption后发现图表上还是6条数据。
接着开始console.log,发现确实只有3条数据的值,说明值已变更但是图表没有更新
后来百度后发现解决办法:
原来set的时候是:
this.charts.setOption(lineOption);
正确的应该是:
this.charts.setOptionlineOption,true);
再次刷新,问题解决。
查看官方文档后发现setOption有4个属性
setOption(option, notMerge, lazyUpdate, silent):
- option:图表的配置项和数据,具体见配置项手册。
- notMerge:可选,是否不跟之前设置的option进行合并,默认为false,false表示合并数据,置为true之后则不合并数据了,就可以实现刷新数据的效果了。
- lazyUpdate:可选,在设置完option后是否不立即更新图表,默认为false,即立即更新。
- silent:可选,阻止调用 setOption 时抛出事件,默认为false,即抛出事件。