标签：初始化 already dom There myChart 图表 实例 echarts

当我们把创建一个echarts图表的代码封装成一个方法，一旦多次调用这个方法创建图表的时候使用的dom节点都是同一个，每次都会init一个echarts实例，就会在控制台报如下警告:There is a chart instance already initialize on the dom（在dom上已经初始化了一个图表实例）。

因此我们应该先判断是否已经存在图表实例，解决方法如下：

先调用echarts.getInstanceByDom()方法判断是否已经存在echarts实例，如果不存在再去初始化

// 有的话就获取已有echarts实例的DOM节点

let myChart = echarts.getInstanceByDom(document.getElementById("myChart"))

// 如果不存在，就进行初始化

if (myChart == null) {

myChart = echarts.init(document.getElementById("myChart"));

}

let option ={...}

myChart.setOption(option);

标签：初始化,already,dom,There,myChart,图表,实例,echarts
来源： https://www.cnblogs.com/meijifu/p/16172776.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。