echarts setoption 不重新渲染 电脑版发表于:2023/5/26 16:48 ### 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