共计 413 个字符,预计需要花费 2 分钟才能阅读完成。
- 上周我的项目的首页中有四个仪表盘相似,从代码的复用性角度去思考,我决定在同一个 div 中应用 flex 布局将四个仪表盘渲染进去。
- 然而呈现了一个令人头痛的问题,在第二次进入首页后,仪表盘的图表居然不渲染了,关上控制台后发现报了一个谬误,粗心是:以后 echarts 的实例已存在,不可反复申明。
- 接着在网上找了很多解决形式:例如应用 echarts 的 dispose 办法去销毁实例,但依然杯水车薪。
-
最初还是在 echarts 的官网文档中找到了解决办法
*document.getElementById('以后图表 id')?.setAttribute('_echarts_instance_', '以后图表 id')
官网文档 yyds
上面贴出官网文档中的解释:
创立一个 ECharts 实例,返回 echartsInstance,不能在单个容器上初始化多个 ECharts 实例。
具体起因见下方博客:
https://blog.csdn.net/weixin_…
正文完