关于echarts:echarts-一个div中包含多个图表渲染bug

• 上周我的项目的首页中有四个仪表盘相似，从代码的复用性角度去思考，我决定在同一个 div 中应用 flex 布局将四个仪表盘渲染进去。
• 然而呈现了一个令人头痛的问题，在第二次进入首页后，仪表盘的图表居然不渲染了，关上控制台后发现报了一个谬误，粗心是：以后 echarts 的实例已存在，不可反复申明。
• 接着在网上找了很多解决形式：例如应用 echarts 的 dispose 办法去销毁实例，但依然杯水车薪。

• 最初还是在 echarts 的官网文档中找到了解决办法
  *

   document.getElementById('以后图表 id')?.setAttribute('_echarts_instance_', '以后图表 id')

  官网文档 yyds
  上面贴出官网文档中的解释：
  创立一个 ECharts 实例，返回 echartsInstance，不能在单个容器上初始化多个 ECharts 实例。

具体起因见下方博客：
https://blog.csdn.net/weixin_…