解决Vue2 Vue3使用echarts报错 There is a chart instance already initialized on the dom

vue2 Vue3 解决echarts报错 There is a chart instance already initialized on the dom

使用echarts,创建实例，多次调用接口获取数据，setOption 数据控制台出现警告

dom被多次初始化
解决方案：在dom初始化之前进行判断，若实例已存在，则不需要init，否则init

Vue2 解决方式

使用echarts的提供的方法进行判读dom是否已被初始化 getInstanceByDom()
话不多说，直接上代码

let pieChart = echarts.getInstanceByDom(document.getElementById('real-time'));
if (pieChart == null) {
    pieChart = echarts.init(document.getElementById('real-time'));
   }

Vue3 解决方式

同理，只是在代码书写上略有差异

let pieChart = echarts.getInstanceByDom(document.getElementById("real-time") as HTMLDivElement);
  if (pieChart == null) {
    pieChart = echarts.init(document.getElementById('real-time') as HTMLDivElement)
  }