微信小程序：使用Echarts图标组件

首先，下载echarts微信版 地址：https://github.com/ecomfe/echarts-for-weixin
下载后打开，如图所示：

QQ截图20181220174042.jpg
将下载好的文件中 ec-canvas目录 放在小程序项目目录中即可。如下图所示：

QQ截图20181220165743.jpg
然后在需要的地方引入即可，下面就做一个折线图吧。

1.在页面开启使用echarts
如：在 page目录的ceshi页面中使用echarts的话，需要在ceshi.json中添加以下配置。

"usingComponents": {
    "ec-canvas": "../../ec-canvas/ec-canvas"
  }

2.引入
在 ceshi.js 中引入echarts.js

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

3.wxml元素
在ceshi.wxml中建立一个元素，外层用view包一下是方便设置echarts元素的宽高。

  <view class="echart_panel">
    <ec-canvas></ec-canvas>
  </view>

4.开始编写图表 折线图
我是在ceshi.js中直接写了一个函数，传一些参数，返回一个option，至于echa