echarts 柱状视图查询后,再次查询,少于第一次查询的,第一次数据没有清除(二次渲染时,把第一次的数据合并一起渲染了)

 第一次查出来的数据:

第二次查询,把上次查询的数据合并显示了:

 正确的显示应该是:

  解决方法:

一:在setOpiont前加入

chart.clear();
二:在 setOpion方法修改默认值,不合并上次查询数据
setOption({},true);

chart.setOption(option,notMerge,lazyUpdate);

option:图表的配置项和数据

notMerge:可选,是否不跟之前设置的option进行合并,默认为false,即合并。(这里是导致二次渲染不成功的根本)

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

原文地址:https://www.cnblogs.com/edrp/p/12853222.html