echarts-for-weixin

"ECharts for Weixin" 是 ECharts 官方提供的适用于微信小程序的图表库。它是在原生的 ECharts 基础上进行了适配，方便在微信小程序中使用。

使用 "ECharts for Weixin" 绘制图表的步骤如下：

1. 在小程序项目的根目录下，创建一个名为 `ec-canvas` 的文件夹。

2. 在 `ec-canvas` 文件夹中，将从 ECharts 官网下载的 `echarts.js` 和 `echarts.min.js` 文件复制进来。

3. 在 `ec-canvas` 文件夹中，创建一个名为 `echarts.js` 的文件，内容如下：

import * as echarts from './echarts';

Component({
  properties: {
    canvasId: {
      type: String,
      value: 'ec-canvas'
    },
    ec: {
      type: Object
    }
  },

  ready() {
    const { canvasId, ec } = this.properties;
    const ctx = wx.createCanvasContext(canvasId, this);

    if (!ctx) {
      console.error('无法获取到 Canvas 上下文，请检查 canvasId 是否正确');
      return;
    }

    if (!ec || !ec.lazyLoad) {
      this.chart = echarts.init(ctx);
      this.init();
    }
  },

  methods: {
    init() {
      const { ec } = this.properties;
      const { onInit } = ec;

      if (typeof onInit === 'function') {
        onInit(this.chart, echarts);
      }
    }
  }
});

4. 在需要使用饼图的页面中，引入 `ec-canvas` 组件，例如：

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

5. 在页面的 js 文件中，引入 ECharts 和 `echarts.js` 文件，并配置饼图的数据和样式，例如：

import * as echarts from '../../ec-canvas/echarts';
import '../../ec-canvas/echarts.js'; // 引入刚刚创建的 echarts.js 文件

Page({
  data: {
    ec: {
      lazyLoad: true // 延迟加载
    }
  },

  onLoad: function (options) {
    this.initPieChart();
  },

  initPieChart: function () {
    const that = this;
    const { windowWidth } = wx.getSystemInfoSync();

    this.setData({
      ec: {
        lazyLoad: true // 延迟加载
      }
    });

    setTimeout(function () {
      that.setData({
        ec: {
          onInit: that.initChart
        }
      });
    }, 0);
  },

  initChart: function (canvas, width, height, dpr) {
    const chart = echarts.init(canvas, null, {
      width: width,
      height: height,
      devicePixelRatio: dpr
    });

    canvas.setChart(chart);

    const option = {
      // 饼图的配置选项...
    };

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

通过以上步骤，就可以在微信小程序中使用 "ECharts for Weixin" 绘制饼图了。具体的图表配置和样式可以根据自己的需求进行修改。

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