解决echarts警告提示 echarts.js?1be7:2168 There is a chart instance already initialized on the dom.

1、分析原因

     主要是因为,我把echats图表的代码封装成一个方法,在页面中多次调用,而页面中创建的dom节点都是同一个,每次运行都会init一个echarts实例,所有就会出现上面的警告信息

2、解决方法

      使用echarts.getInstanceByDom()  方法判断是否已经存在echarts实例,如果有则不创建,如果没有就进行创建

       注意,我在前文中已经说明了,我是把echarts,注册在vue的 prototype上并用$echarts表示,所以直接使用this.$echarts

原文地址:https://www.cnblogs.com/m1754171640/p/14628019.html