vue3 下载echarts

在 Vue 3 中使用 Echarts，你可以按照以下步骤进行安装和配置：

1. 首先，使用 或者 yarn 安装 Echarts：

npm install echarts

或者

yarn add echarts

2. 在你的 Vue 3 项目中，创建一个新的组件用于显示 Echarts 图表。例如，你可以创建一个名为 `Echarts.vue` 的文件。

3. 在 `Echarts.vue` 文件中，导入 echarts：

import * as echarts from 'echarts';

4. 在 `mounted` 钩子函数中，创建一个 Echarts 实例，并将其挂载到组件中：

mounted() {
  const chart = echarts.init(this.$el);
  
  // 在这里配置你的图表数据

  chart.setOption(yourOption);
}

5. 在模板中，使用一个空的 `<div>` 元素作为 Echarts 图表的容器：

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

6. 将 Echarts 实例挂载到 `<div>` 容器中：

mounted() {
  const chart = echarts.init(this.$refs.chart);

  // 在这里配置你的图表数据

  chart.setOption(yourOption);
}

这样，你就可以在 Vue 3 中成功使用 Echarts 绘制图表了。记得根据自己的需要配置图表数据和样式。