Echart升级版本后多次渲染表格出现“There is a chart instance already initialized on the dom.”

There is a chart instance already initialized on the dom.

问题描述

项目一开始引用的echart版本为

  <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/3.2.1/echarts.js"></script>

本人想升级一下版本引入了最新的4.7.0echarts.js后报错警告

echarts.js:1995 There is a chart instance already initialized on the dom.

然后我查看了一下版本并且挨个试了一下发现：

1. echart3.6.0版本 ，这个版本开始，增强了 dataZoom 控件的交互等等改变，如果不在初始化echart前对echart进行dispose会报此错，并且出现多次渲染echart，图表不显示；
   但是小编发现按照网上很多人的做法直接提取全局变量可能会导致新的问题或者图表依旧不显示。所以对代码进行如下修改：

 var dapanChart=echarts.init(document.getElementById('DishTrendChartContainer'));//先初始化一下这个表

  if (dapanChart != null && dapanChart != "" && dapanChart != undefined) {
            echarts.init(document.getElementById(chartDiv)).dispose();
        }//然后在判断如果这个表存在摧毁它
        dapanChart = echarts.init(document.getElementById(chartDiv));//再重新初始化就能解决了

2. echart4.4.0版本，这个版本之后呢又会出现新的问题，如果摧毁了图表，会出现
   这个问题还没有解决，所以暂时使用的是下面这个版本：

   <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts.js"></script>

希望有知道问题的大佬来解答一下，谢谢