微信小程序开发 ectarts 饼图

微信小程序开发中，可以使用 ECharts 这个图表库来绘制饼图。下面是一个简单的示例代码，用于在小程序中绘制饼图：

1. 在 wxml 文件中引入 ECharts 的 canvas 组件：

<view class="chart-container">
  <ec-canvas id="pieChart" canvas-id="pieCanvas"></ec-canvas>
</view>

2. 在 js 文件中引入 ECharts 并初始化饼图：

import * as echarts from '../../ec-canvas/echarts';

Page({
  onLoad: function (options) {
    this.initPieChart();
  },
  initPieChart: function () {
    this.pieChart = this.selectComponent('#pieChart');
    this.pieChart.init((canvas, width, height, dpr) => {
      const chart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr // 像素密度
      });
      canvas.setChart(chart);

      const option = {
        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' }
            ]
          }
        ]
      };

      chart.setOption(option);
      return chart;
    });
  }
});

这是一个简单的示例，你可以根据自己的需求来修改数据和样式。注意，在使用 ECharts 绘制图表时，需要在小程序的 `app.json` 文件中添加 `ec-canvas` 组件的路径。

希望对你有所帮助！如有更多问题，请继续提问。