echarts setoption 不重新渲染

Echarts渲染的逻辑

如果 echarts 未实例化则进?实例化过程，?旦实例化，便会在div容器?成?个 echarts_instance属性，该属性值即为当前 echarts 的ID，然后根据该ID进?渲染。

重新加载数据但不重新渲染的原因

第?次渲染图表后，便有了ID，但是我们?第?次加载数据时，图表的 echarts_instance 属性值我们没有显式引?，所以此时，待渲染的图表在原有的div容器中，匹配不到想要渲染的图表，则出现数据加载成功，但是不渲染的情况。

解决方案

由于容器上已经有 echarts_instance ，还是上次的，所以Echarts是不会重新初始化的，需要手动将DOM上的 echarts_instance 属性移除， 再次进行初始化， 然后 setOption 即在离开该页面的时候清空一下 echarts_instance 属性。

解决方案：
在setoption之前写入一行代码

// 在setoption之前写入一行代码
document.getElementById('xxx').removeAttribute('_echarts_instance_');

原文：https://blog.csdn.net/weixin_42365757/article/details/127535292