小程序引入的echarts过大如何解决_记一次完整小程序项目中的的echarts踩坑

主要记录echarts中的坑，基本的使用就不详细说了，随便百度都有。。。

先是异步请求数据渲染echarts的方法，踩坑在最后！！！

第一步首先引入echarts

echarts官网没有小程序版，不过已经有人在github发布echarts的小程序版本了。。但是echarts.js的版本不是最新的，个人推荐去官网在线定制。定制版的echarts体积更小，而且小程序中用到的图表种类不会很多，而且定制非常简单，一定要去自己定制，然后替换掉他的echarts.js。

首先，下载echarts微信版 地址： https://github.com/ecomfe/echarts-for-weixin

将下载好的文件中 ec-canvas目录 放在小程序项目根目录中即可。

然后就是在json、js中引入，

异步请求数据

wxml中在wxml中一定要给echarts的容器设置高度

首先 建立一个全局变量(注意，放在page外面，要全局变量，方便修改)，

var lessonMonthArr = [];

var lessonCountArr = [];

var lessonChart = null;

在data中设置延迟加载

lessonLine: {

lazyLoad: true

}

在异步请求中，去调用初始化echarts的函数

getLesson() {

app.fetch(Api.lessonRecordData, {