Echarts在重复渲染时出现数据合并的问题

3,359 阅读1分钟

问题描述:项目中可能是这样一个场景,点击某个按钮生成了一个echarts图,但是再次去点击的时候生成的echarts数据会和第一次点击的生成的数据叠加,然后渲染出一个echarts图,显然不要这种效果,我们只需要最新请求的数据生成的图,如何解决呢?

    在echarts官网里面有说到setoptions配置项,完整的写法为:
    chart.setOption(option, notMerge, lazyUpdate);
    或者chart.setOption(option, {
                        notMerge: ...,
                        lazyUpdate: ...,
                        silent: ...
                        });
    option为你配置好的数据,即配合接口请求的数据配置好的配置项。
    notMerge为可选,是否不跟之前设置的 option 进行合并,默认为 false,即合并。
    lazyUpdate为可选,在设置完 option 后是否不立即更新图表,默认为 false,即立即更新。
    silent为可选,阻止调用 setOption 时抛出事件,默认为 false,即抛出事件。