Echars - echarts.js?1be7:2168 There is a chart instance already initialized on the dom. （解决方案）

叁歲伎倆 2022-10-15 09:54 153阅读 0赞

原因分析

原因：多次创建同一 DOM 节点，频繁初始化图表导致（多个 init echarts 实例）。

详细报错如下图所示：
在这里插入图片描述
由于创建图表实例的代码，做了封装，页面中多次重复调用，导致多次 init 初始化图表实例。

解决方案

使用 echarts.getInstanceByDom() 判断是否存在 echarts 实例。

如果有则不创建，反之创建。

  1. // 假设: DOM节点是 XXX
  4. // 引入echarts
  5. import * as ets from 'echarts'
  7. // 查看是否创建 “xx” DOM节点图表实例
  8. let myChart = ets.getInstanceByDom('xxx')
  10. // 判端是否进行创建
  11. if(myChart == null){ // 成立则表示没有该DOM节点实例图表
  12.     myChart = ets.init('xxx')//初始化图表(创建)
  13. }
  15. // 图表实例
  16. console.log(myChart)

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，153人围观）

还没有评论，来说两句吧...

相关阅读