当前位置: 首页 > Web前端 > HTML

一个echartsdiv包含多个图表渲染bug

时间:2023-03-28 14:17:00 HTML

上周项目首页出现了四个类似的dashboard。从代码复用的角度考虑,我决定在同一个div中使用flex布局,将四个dashboard组合成磁盘渲染。但是有个头疼的问题。第二次进入首页后,仪表盘上的图表没有渲染。打开控制台后报错,大意是:当前echarts实例已经存在,不能重复声明。.然后在网上找了很多解决方法:比如用echarts的dispose方法销毁实例,还是没有用。最后在echarts*document.getElementById('currentchartid')?.setAttribute('_echarts_instance_','currentchartid')的官方文档中找到了解决方法,官方文档中的解释贴在官方文档yyds下面:创建一个ECharts实例返回echartsInstance,多个ECharts实例不能在单个容器上初始化。具体原因见下面博客:https://blog.csdn.net/weixin_...