微信小程序echarts使用

要在微信小程序中使用 ECharts，你需要先下载 ECharts 的小程序版本，然后在小程序中引入它。

1. 在下载页（https://github.com/ecomfe/echarts-for-weixin）下载 ECharts for Weixin 库，解压后将 dist 目录下的 ec-canvas 目录复制到小程序项目根目录下。

2. 在需要使用 ECharts 的页面的 JSON 文件中添加以下代码：

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

3. 在需要使用 ECharts 的 WXML 文件中添加以下代码：

<view class="container">
  <ec-canvas id="mychart" canvas-id="mychart"></ec-canvas>
</view>

4. 在需要使用 ECharts 的 JS 文件中引入 ECharts：

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

5. 在需要使用 ECharts 的 JS 文件中编写 ECharts 实例的代码：

Page({
  data: {
    ec: {
      onInit: initChart
    }
  },

  // 初始化图表
  initChart: function (canvas, width, height) {
    const chart = echarts.init(canvas, null, {
      width: width,
      height: height
    });

    // 在这里编写 ECharts 实例的代码

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

注意，这里的 option 是你编写的 ECharts 配置项。

更多详细信息可以参考 ECharts 官方文档：https://echarts.apache.org/zh/tutorial.html#%E5%9C%A8%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%AD%E4%BD%BF%E7%94%A8-echarts