echart饼图vue2

要在 Vue2 中使用 Echarts 饼图，你需要先安装 Echarts 和 Vue-Echarts 两个库。可以通过以下命令安装：

npm install echarts vue-echarts

然后在需要使用饼图的组件中，引入 Vue-Echarts 组件，并在模板中使用：

<template>
  <div class="chart-container">
    <vue-echarts :options="chartOption" :notMerge="true" :lazyUpdate="true"></vue-echarts>
  </div>
</template>

<script>
import echarts from 'echarts'
import VueECharts from 'vue-echarts'

export default {
  components: {
    VueECharts
  },
  data() {
    return {
      chartOption: {
        // 饼图的配置项
      }
    }
  },
  mounted() {
    // 初始化饼图的数据和配置项
  }
}
</script>

在 `mounted` 钩子函数中，你需要初始化饼图的数据和配置项，然后将它们赋值给 `chartOption` 对象，这样就可以在页面中显示饼图了。如果需要修改饼图数据或配置项，只需要更新 `chartOption` 对象即可。