vue3 使用echarts

可以通过按照官方文档中提供的 API，在 Vue3 中直接使用 echarts，例如：

<template>
  <div ref="echartsContainer" style="height: 300px;"></div>
</template>

<script>
import * as echarts from 'echarts';

export default {
  mounted() {
    const myChart = echarts.init(this.$refs.echartsContainer);
    const option = {...}; // echarts 配置项
    myChart.setOption(option);
  },
};
</script>

你也可以使用 Vue3 官方提供的图表库 VChart，它实际上是在 echarts 基础上封装的渲染组件，使用方式和 echarts 类似。