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)
}