[ECharts] There is a chart instance already initialized on the dom vue3 +ts 报这个错误

[ECharts] 在 Vue3 中使用 TypeScript 并尝试在一个已经初始化过的 DOM 上再次创建 ECharts 图表时，可能会遇到 "There is a chart instance already initialized" 这样的错误。这是因为 ECharts 不支持在同一元素上多次实例化图表。当您初次创建了图表后，该图表对象就被绑定到指定的 DOM 元素上了。

如果你需要更新数据或者修改配置，应该使用已有的 chart 实例的 API，如 `setOption` 或者 `resize` 等，而不是重新创建一个新的实例。例如：

import { ref } from 'vue';
import ECharts from 'echarts';

export default {
  setup() {
    const chartRef = ref(null); // 维护图表引用

    // 初始化图表
    const initChart = () => {
      if (chartRef.value) {
        // 使用已有实例
        chartRef.value.setOption(yourNewOptions);
      } else {
        // 创建新的图表，假设 el是你想要绑定的DOM元素
        const yourChart = ECharts.init(document.getElementById('your-chart-id'));
        // 设置选项...
        chartRef.value = yourChart;
      }
    };

    // 当数据变化时调用 updateChart 函数
    const updateChart = (newData: any) => {
      initChart();
    };

    return {
      updateChart,
      chartInstance: chartRef,
    };
  },
};