微信小程序开发之wepy 引入echarts统计图方法 亲测可用

切图网在做wepy小程序开发的时候，也会遇到一些状况，以此来记录，微信小程序开发的图表用到的是echarts-for-weixin，是针对微信开发的专用echarts组件，也是目前小程序下图表的一种主流的组合，用法和网页下使用echarts基本无异，语法上略有不同，下面讲解wepy微信小程序框架中引入百度echarts框架，实现折线统计图，亲测了可用。

效果展示：

一、下载插件：GitHub - ecomfe/echarts-for-weixin: Apache ECharts 的微信小程序版本

二、引入插件：将下载好的文件解压并放到 components 目录

{
  navigationBarTitleText: 'echarts案例',
  enablePullDownRefresh: false,
  backgroundTextStyle: 'dark',
  usingComponents: {
  "ec-canvas": "~@/components/ec-canvas/ec-canvas"
  }
}

三、使用插件：

3.1、前端代码

3.2、部分js代码

wepy官方网址

https://github.com/Tencent/wepy