Vue3 echarts

Vue3中使用echarts的步骤如下：

1. 首先，需要在文件中导入echarts库，可以使用以下代码导入echarts库：

   import * as echarts from 'echarts';

2. 在Vue组件中，可以使用`ref`来声明一个DOM节点的引用，用于获取echarts的容器。示例代码如下：

   import { ref, onMounted } from 'vue';
   
   export default {
     setup() {
       const echartDom = ref(null);
       
       onMounted(() => {
         const myChart = echarts.init(echartDom.value);
         // 在这里可以配置echarts的选项和数据
         myChart.setOption(options);
       });
       
       return {
         echartDom
       };
     }
   }

3. 在Vue模板中，创建一个div元素作为echarts的容器，并将其与上述声明的DOM节点引用进行绑定。示例代码如下：

   <template>
     <div ref="echartDom" style="width: 800px; height: 600px;"></div>
   </template>

4. 最后，在终端中执行以下命令安装echarts库：

   npm install echarts --save

请注意，上述代码仅展示了基本的使用方法，实际情况中可能需要根据具体需求进行一些配置和适配。