修改echarts的option配置后，图不能刷新

Posted 2023-05-09

参考技术A 多条折线的时候，每条折线单独自定义了一些样式，删除自定义配置的时候，不需要把自定义的配置一个一个初始化掉，因为有的我也不知道echarts内置的初始值是什么，那么初始化的时候有哪些属性，就用什么属性，用个新的obj覆盖，不要一个一个去修改。

改完option然后通过setOption去让图重新渲染，发现图没更新，需要再加个参数true。

Echarts图 刷新后无变化

参考技术A 1. 当第二次加载的数据覆盖等量的第一次的数据时，第一次加载多余的数据不会丢失，还会展示在图上。

console输出echarts中的option的数据legend和series数据均为正常第二次加载的数据，数据已更新，也触发了echarts的渲染。

解决办法：

this.charts.setOption(option);

应为

this.charts.setOption(option,true);

setOption有3个属性

setOption(option,notMerge,lazyUpdate);

第二个notMerge默认为false,即默认合并两个数据，置为true之后则不合并数据

2.第二次加载的数据和第一次加载的数据一样（应为不同的数据），导致图没有变化

console输出的第二次数据跟第一次数据一样

解决办法：

考虑Ajax的异步性，数据是否已经在二次渲染前完成刷新