vue echarts使用教程

Vue ECharts 是一个基于 Vue.js 的 ECharts 图表库，它提供了一些方便的组件来帮助你在 Vue.js 项目中使用 ECharts。

以下是使用 Vue ECharts 的简单教程：

1. 安装 Vue ECharts：

你可以通过 npm 或者 yarn 来安装 Vue ECharts。

使用 npm：

   npm install vue-echarts echarts --save

使用 yarn：

   yarn add vue-echarts echarts

2. 在你的 Vue 项目中导入 Vue ECharts：

在你的入口文件（通常是 main.js）中导入 Vue ECharts，并注册它为全局组件：

   import Vue from 'vue';
   import VueECharts from 'vue-echarts';

   // 引入 ECharts 主题
   import 'echarts/theme/macarons';

   // 注册组件
   Vue.component('v-chart', VueECharts);

3. 使用 Vue ECharts 组件：

在你的 Vue 组件中，可以直接使用 `<v-chart>` 组件来渲染 ECharts 图表。

   <template>
     <div>
       <v-chart :options="chartOptions"></v-chart>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         chartOptions: {
           // 这里是你的 ECharts 配置项
           xAxis: {
             type: 'category',
             data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
           },