如何在setup中获取已经渲染的chart dom

在 `setup` 中获取已经渲染的 Echarts 实例对应的 DOM 元素，可以通过 `ref` 来实现。具体步骤如下：

1. 在模板中定义一个 `div` 元素作为 ECharts 的容器，并为它添加一个 `ref` 属性，例如：

<template>
  <div ref="chartContainer" style="width: 100%; height: 400px;"></div>
</template>

2. 在 `setup` 函数中，使用 `ref` 来获取该元素的引用，例如：

import echarts from 'echarts';

export default {
  setup() {
    const chartContainer = ref(null);

    onMounted(() => {
      // 创建 ECharts 实例
      const chartInstance = echarts.init(chartContainer.value);

      // 绘制图表
      chartInstance.setOption({...});

      // 在控制台输出已经渲染的 chart dom 元素
      console.log(chartInstance.getDom());
    });

    return { chartContainer };
  }
}

在 `onMounted` 钩子函数中，通过 `chartContainer.value` 获取到 DOM 元素的引用，并将其传递给 `echarts.init` 方法创建 ECharts 实例。在图表渲染完成后，我们可以通过 `chartInstance.getDom()` 获取到已经渲染的图表 DOM 元素，在控制台输出或做其他操作。