vue echarts饼图

要在 Vue 中使用 ECharts 饼图，首先需要安装 ECharts：

npm install echarts --save

接下来，可以在 Vue 组件中引入 ECharts 并创建一个饼图：

<template>
  <div ref="chart" style="width: 100%; height: 400px;"></div>
</template>

<script>
import echarts from 'echarts'

export default {
  mounted() {
    // 初始化图表
    const chart = echarts.init(this.$refs.chart)

    // 配置图表
    const option = {
      title: {
        text: '饼图示例'
      },
      tooltip: {},
      series: [{
        type: 'pie',
        data: [
          {value: 335, name: '直接访问'},
          {value: 310, name: '邮件营销'},
          {value: 234, name: '联盟广告'},
          {value: 135, name: '视频广告'},
          {value: 1548, name: '搜索引擎'}
        ]
      }]
    }

    // 渲染图表
    chart.setOption(option)
  }
}
</script>

在上面的代码中，`echarts` 模块被导入并使用 `init` 方法初始化了一个图表实例，`option` 对象被用来配置饼图的样式和数据。最后，使用 `setOption` 方法将配置应用到图表中。