在vue3项目开发中创建echart图表时遇到“There is a chart instance already initialized on the dom.”的警告,意思即为dom上已经初始化了一个图表实例,更新页面重复加载这个图表实例时就会出现这类警告。
建立dom前先检查判断是否存在,如果存在,先销毁后再创建即可!!
let myChart = echarts.getInstanceByDom(document.getElementById('chart1'))
if (!myChart) {
myChart = echarts.init(document.getElementById('chart1'))
} else {
myChart.dispose() //销毁
myChart = echarts.init(document.getElementById('chart1'))
}