重复使用echarts组件There is a chart instance already initialized on the dom

当使用echarts组件重复初始化时，可能会出现"There is a chart instance already initialized on the dom"的错误。解决这个问题的方法是在初始化之前先判断echarts实例是否已存在，并进行相应的销毁操作。具体步骤如下：

1. 在Vue组件中，使用ref创建一个虚拟DOM引用，例如`const main = ref()`。

2. 在`onMounted`生命周期钩子函数中，调用初始化函数`init()`。

3. 在全局声明变量中创建echarts实例，例如`var myChart`。

4. 在初始化函数`init()`中，先判断echarts实例是否已存在，如果存在，则先进行销毁操作。可以使用条件判断语句进行判断，例如：

   if (myChart != null && myChart != "" && myChart != undefined) {
     myChart.dispose(); // 销毁echarts实例
   }

5. 使用`echarts.init()`方法基于准备好的DOM元素进行初始化，例如`myChart = echarts.init(main.value)`。

6. 根据需求设置echarts的配置项，例如定义一个option对象。

7. 使用`myChart.setOption(option)`方法将配置项应用到echarts实例上。

最后，将初始化函数和虚拟DOM引用返回给Vue组件，以供其他函数或方法使用。这样，在重复使用echarts组件时，就可以避免出现"There is a chart instance already initialized on the dom"的错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue3中使用echarts 出现 There is a chart instance already initialized on the dom.](https://blog.csdn.net/qq_36687211/article/details/128725708)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [[ECharts] There is a chart instance already initialized on the dom.问题原因](https://blog.csdn.net/qq_44686646/article/details/129407299)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [A novel automatically initialized level setapproach based on region correlation forlumbar vertebrae ...](https://download.csdn.net/download/weixin_38716556/15140317)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]