vue.3 echarts

在Vue 3中使用ECharts，你可以通过以下步骤进行挂载和注册：

1. 首先，确保你已经安装了ECharts和Vue的相关包。你可以使用命令`npm install echarts vue-echarts`来进行安装。

2. 在你的Vue项目中，可以选择全局或局部注册ECharts组件。

- 全局注册：在你的主应用文件中（比如`main.js`），使用`createApp`函数来创建Vue应用实例，并通过`app.component`方法全局注册ECharts组件。具体代码如下：

   import { createApp } from 'vue'
   import ECharts from 'vue-echarts'
   import { use } from "echarts/core";
   import { CanvasRenderer } from 'echarts/renderers'
   import { BarChart } from 'echarts/charts'
   import { GridComponent, TooltipComponent } from 'echarts/components'

   use([CanvasRenderer, BarChart, GridComponent, TooltipComponent]);

   const app = createApp(...)
   app.component('v-chart', ECharts)

- 局部注册：在需要使用ECharts的组件中，通过`components`选项局部注册ECharts组件。具体代码如下：

   import { ECharts } from 'vue-echarts'
   import { use } from "echarts/core";
   import { CanvasRenderer } from 'echarts/renderers'
   import { BarChart } from 'echarts/charts'
   import { GridComponent, TooltipComponent } from 'echarts/components'
   
   use([CanvasRenderer, BarChart, GridComponent, TooltipComponent]);
   
   export default {
     components: {
       'v-chart': ECharts
     },
     // 其他组件选项...
   }

这样，你就可以在Vue 3中使用ECharts进行数据可视化了。