解决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