在vue中使用echarts实现饼状图

首先你需要在项目中引入 echarts：

1. 在命令行中输入 `npm install echarts --save` 进行安装；
2. 在需要使用 echarts 的页面中引入 echarts：

import echarts from 'echarts'

然后就可以在 Vue 组件中使用了。下面是一个简单的示例：

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

<script>
import echarts from 'echarts'

export default {
  mounted() {
    // 基于准备好的dom，初始化echarts实例
    let myChart = echarts.init(document.querySelector('.pie-chart'))

    // 指定图表的配置项和数据
    let option = {
      title: {
        text: '饼状图示例'
      },
      tooltip: {},
      series: [
        {
          name: '访问来源',
          type: 'pie',
          radius: '50%',
          data: [
            {value: 335, name: '直接访问'},
            {value: 310, name: '邮件营销'},
            {value: 234, name: '联盟广告'},
            {value: 135, name: '视频广告'},
            {value: 1548, name: '搜索引擎'}
          ]
        }
      ]
    }

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

上面的示例中，我们在 `mounted()` 生命周期中初始化了 echarts 实例，并传入了一个 DOM 元素作为容器。然后，我们定义了图表的配置项和数据，最后使用 `setOption()` 方法将其显示出来。

当然，这只是一个简单的示例。如果你需要更复杂的饼状图，可以根据 echarts 的文档进行配置。