小程序实现echarts饼状图

要在小程序中实现ECharts饼状图，你可以按照以下步骤进行操作：

1. 首先，在小程序项目中引入ECharts库。可以通过在`app.json`文件中配置：

"usingComponents": {
  "ec-canvas": "path/to/ec-canvas/ec-canvas"
}

2. 在需要展示图表的页面的`wxml`文件中添加一个`ec-canvas`标签：

<view style="width: 100%; height: 300rpx;">
  <ec-canvas id="myChart" canvas-id="myChartCanvas"></ec-canvas>
</view>

3. 在对应页面的`js`文件中引入ECharts库，并初始化一个图表实例：

import * as echarts from 'path/to/echarts.min.js';

Page({
  data: {
    chart: null,
  },
  onLoad() {
    this.initChart();
  },
  initChart() {
    const that = this;
    this.setData({
      chart: this.selectComponent('#myChart'),
    }, () => {
      that.data.chart.init((canvas, width, height) => {
        // 初始化图表
        const chart = echarts.init(canvas, null, {
          width: width,
          height: height,
        });
        that.setChartData(chart); // 设置图表数据
        return chart;
      });
    });
  },
  setChartData(chart) {
    const option = {
      series: [
        {
          name: '访问来源',
          type: 'pie',
          radius: '55%',
          data: [
            { value: 335, name: '直接访问' },
            { value: 310, name: '邮件营销' },
            { value: 234, name: '联盟广告' },
            { value: 135, name: '视频广告' },
            { value: 1548, name: '搜索引擎' },
          ],
        },
      ],
    };
    chart.setOption(option);
  },
});

在这个示例中，我们使用了一个简单的饼状图作为示例数据。你可以根据自己的需求修改数据和图表类型。同时，你也可以使用ECharts提供的丰富的配置项来自定义图表的样式和交互行为。

记得在小程序开发中，需要安装相关依赖并进行配置，具体操作可以参考ECharts官方文档或者相关教程。