echarts的初始化init,销毁dispose

817 阅读1分钟

容器节点被销毁以及重建

当页面存在多个标签页,且每个标签页都包含一些图表时。
如果我们选中一个标签页,其他标签页的内容在 DOM 中被移除
如果我们再次选中之前的标签页,会发现之前的图表不见了

这是由于图表的容器节点被移除导致的,即使之后该节点被重新添加,图表所在的节点也不存在了

因此我们需要在图表容器被销毁之后

  • 调用$echarts.dispose销毁实例
  • 在图表容器重新添加后再次调用 echarts.init 初始化