在vue中使用echarts实现一个饼形图代码

可以参考以下代码实现：

1. 安装 echarts：

npm install echarts --save

2. 在 Vue 中引入 echarts：

import echarts from 'echarts'

3. 在 Vue 组件中使用 echarts 绘制饼形图：

<template>
  <div class="pie-chart"></div>
</template>

<script>
export default {
  mounted() {
    this.drawPieChart();
  },
  methods: {
    drawPieChart() {
      // 基于准备好的dom，初始化echarts实例
      const myChart = echarts.init(document.querySelector('.pie-chart'));

      // 指定图表的配置项和数据
      const option = {
        title: {
          text: '饼形图示例',
          left: 'center'
        },
        tooltip: {
          trigger: 'item',
          formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        legend: {
          orient: 'vertical',
          left: 10,
          data: ['分类1', '分类2', '分类3', '分类4', '分类5']
        },
        series: [
          {
            name: '访问来源',
            type: 'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
              show: false,
              position: 'center'
            },
            emphasis: {
              label: {
                show: true,
                fontSize: '30',
                fontWeight: 'bold'
              }
            },
            labelLine: {
              show: false
            },
            data: [
              {value: 335, name: '分类1'},
              {value: 310, name: '分类2'},
              {value: 234, name: '分类3'},
              {value: 135, name: '分类4'},
              {value: 1548, name: '分类5'}
            ]
          }
        ]
      };

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    }
  }
};
</script>

<style scoped>
.pie-chart {
  width: 100%;
  height: 400px;
}
</style>

这段代码会在 Vue 组件中绘制一个饼形图，数据可以根据实际需求进行修改。