echarts数据动态更新和dataZoom被重置的问题

568 阅读1分钟

解决方法

1.echarts3.0以上的setOption中有可选配置参数。

参数:

调用方式:

chart.setOption(option, notMerge, lazyUpdate);

或者
chart.setOption(option, {
    notMerge: ...,
    lazyUpdate: ...,
    silent: ...
});
  • notMerge 可选,是否不跟之前设置的 option 进行合并,默认为 false,即合并。

  • lazyUpdate 可选,在设置完 option 后是否不立即更新图表,默认为 false,即立即更新。

  • silent 可选,阻止调用 setOption 时抛出事件,默认为 false,即抛出事件。

2.如果上面的配置不生效,可以首先拿到mychart的实例,获得滚轮的历史位置,再赋值:

let mychart=this.$echarts.init(document.getElementById('mychart'));

然后获得上一次滚轮的位置:mychart.getOption().dataZoom[0].start