有些时候我们在移除容器的时候,echarts可能展示不出来
解决的办法是:
调用 echartsInstance.dispose 销毁实例

Tabs切换图表不显示

场景:
页面中存在多个标签页,每个标签页都包含一些图表;
当选中一个标签页的时候,其他标签页的内容在 DOM 中被移除了。这样,当用户再选中这些标签页的时候,就会发现图表“不见”了。

本质上,这是由于图表的容器节点被移除导致的
即使之后该节点被重新添加,图表所在的节点也已经不存在了。
正确的做法:

  1. 在图表容器被销毁之后,调用 echartsInstance.dispose 销毁实例,
  2. 在图表容器重新被添加后再次调用 echarts.init 初始化。