关于echarts数据更新后,图没有更新的问题

[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,即抛出事件。

热评文章