定制软件开发vue项目 echarts中出现“There is a chart instance already initialized on the dom.”的警告

定制软件开发在项目开发中创建图表时遇到“There is a chart instance already initialized on the dom.”的警告,意思即为dom定制软件开发上已经初始化了一个图表实例,并且如果你图表中定义了点击方法,多次覆盖之后,点击方法会触发多次。更新页面重复加载这个图表实例时就会出现这类警告。

以下写法可以避免这类警告。

1、例如你的echart图表代码写在一个单独的echarts.js文件中,建议在export defalut之外 定义 var myChart;

在方法最外层定义全局变量

 2、然后在插件使用方法中:即在echarts图表函数中写 :

 if (myChart != null && myChart != "" && myChart != undefined) {

        myChart.dispose(); //销毁

      }

// 基于已经创建好的dom,初始化echarts实例

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

      var option;

3、总结

echarts图表方法的最开始写上判断,然后初始化echarts实例;

最重要的就是全局定义和方法开头的判断。然后再myChart.dispose(); //销毁重复加载的图表实例。

 

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发