在微信中使用ECharts

官方文档
1.创建一个新的项目，在创建一个home文件夹

2.在咱么新建的项目里有一个ec-canvas文件夹，这个是需要咱们要导入的

1. 首先，下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。
2. 从他的项目里把这个文件考下来复制到这里

3.你需要引入这个ec-canvas在js里

import * as echarts from '../../ec-canvas/echarts';//路径自己给

4.在文件json下引入

5.
这里的container需要在wxss里写样式，这个样式去最开始下载的项目里面随便一个文件夹的wxss里复制过来即可

<view class="container">
  <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
</view>

6。复制官网的公共代码

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

  var option = {
    ...
  };
  chart.setOption(option);
  return chart;
}

Page({
  data: {
    ec: {
      onInit: initChart
    }
  }
});

注意：option里面的代码需要添加，去官网的实例里查找复制过来即可，里面的数据自行修改即可，如果想换图直接换option里的内容即可

文件.js里的内容



官方文档