vue2如何配置ECharts5.5 ？

Vue2中配置ECharts 5.5通常涉及以下几个步骤：

1. 安装依赖：首先，你需要安装`vue-echarts`库，它是一个封装了ECharts并与Vue集成的插件。你可以通过npm或yarn来安装：

   npm install vue-echarts echarts@5.5.0
   或
   yarn add vue-echarts echarts@5.5.0

2. 引入并注册组件：在main.js或类似全局文件中引入并注册`VueECharts`组件：

   import Vue from 'vue'
   import { VueECharts } from 'vue-echarts'

   Vue.component('vue-echarts', VueECharts)

3. 使用模板或单文件组件（.vue）：在你的组件中，比如App.vue或某个图表相关的组件，导入ECharts实例和配置数据，并使用`<vue-echarts>`标签：

   <template>
     <div id="chart-container">
       <vue-echarts :options="echartOptions" />
     </div>
   </template>

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

   export default {
     data() {
       return {
         echartOptions: {} // 这里存放你的ECharts配置项
       };
     },
     mounted() {
       this.initChart();
     },
     methods: {
       initChart() {
         const myChart = ECharts.init(document.getElementById('chart-container'));
         // 根据实际需求设置图表配置和数据
         myChart.setOption(this.echartOptions);
       }
     }
   };
   </script>

4. 配置选项：在`echartOptions`中提供ECharts的各种配置，如图表类型、数据源、图例等。例如：

   echartOptions: {
     title: {
       text: 'ECharts 示例'
     },
     tooltip: {},
     xAxis: {},
     yAxis: {},
     series: [
       {
         name: '销量',
         type: 'bar',
         data: [5, 20, 36, 10, 10, 20]
       }
     ]
   }