要在 Vue2 中使用 ECharts，可以先在项目中引入 ECharts 库，然后在 Vue 组件中创建 ECharts 实例并传入配置选项。
以下是封装 ECharts 组件的基本步骤：

安装 ECharts

使用 npm 安装 ECharts：

1	npm install echarts --save

创建一个 ECharts 组件

在 components 文件夹下创建一个 ECharts 组件：

<template>
  <div :id="chartId" :style="{height: height,width: width}"></div>
</template>

<script>
  import echarts from 'echarts'

  export default {
    props: {
      chartOptions: {
        type: Object,
        required: true
      },
      width: {
        type: String,
        default: '100%'
      },
      height: {
        type: String,
        default: '400px'
      }
    },
    data() {
      return {
        chart: null，
        chartId: `chart-${Math.random()}`
      }
    },
    mounted() {
      // 监听容器大小变化事件并触发 ECharts 的 resize 方法
      window.addEventListener('resize', this.handleResize)
    },
    watch: {
      chartOptions: {
        deep: true,
        handler: function() {
          this.renderChart()
        }
      }
    },
    methods: {
      renderChart() {
         this.chart = echarts.init(document.getElementById(this.chartId)
     		 this.chart.setOption(this.chartOptions)
      },
      handleResize() {
        this.chart.resize()
      }
    },
    beforeDestroy() {
      if (this.chart) {
        // 移除容器大小变化事件监听
        window.removeEventListener('resize', this.handleResize)
        this.chart.dispose()
        this.chart = null
      }
    }
  }
</script>

在需要使用 ECharts 的组件中引入 ECharts 组件

在需要使用 ECharts 的组件中引入 ECharts 组件，并传入配置选项：

<template>
  <div>
    <my-echarts :chartOptions="chartOptions" />
  </div>
</template>

<script>
  import axios from 'axios';
  import MyEcharts from './MyEcharts.vue';

  export default {
    components: {
      MyEcharts,
    },
    data() {
      return {
        chartOptions: {},
      };
    },
    mounted() {
      this.getData();
    },
    methods: {
      getData() {
        axios.get('/api/data').then(response => {
          this.chartOptions = {
            xAxis: {
              type: 'category',
              data: response.data.categories,
            },
            yAxis: {
              type: 'value',
            },
            series: [
              {
                data: response.data.data,
                type: 'line',
              },
            ],
          };
        });
      },
    },
  };
</script>