微信小程序引入echarts 过大最佳解决方案

1. 引入echarts以后，单echarts代码包已经973KB，如何能压缩大小？
2. 使用自定义的方法 压缩文件大小 官网地址
3. 可以根据实际项目情况选择用到的echarts组件进行构建，如下图所示：
   
4. 选择完成以后，点击【下载】就可以下载我们自定义构建的echart文件

注：勾选代码压缩以后下载的文件名称为：echarts.min.js
未勾选代码压缩以后下载的文件名称为：echarts.js

5. 将下载的echarts.min.js重命名为echarts.js替换项目ec-canvas目录下的echarts.js,将原本大小将近1000KB的echarts压缩了一半。
6. echarts在微信开发者工具中不跟随滑动
7. 微信开发者工具的模拟器查看echarts时，我们会发现图表没有随着滚动条而滑动，但是在进行真机模拟的时候却又一切正常，这个时候我们可以在wxml的canvas中添加一个属性( force-use-old-canvas=“true”)解决这个问题：

<ec-canvas force-use-old-canvas="true" id="{{echartData.recentTrendBar.id}}" canvas-id="mychart-multi-bar" ec="{{ echartData.recentTrendBar }}"></ec-canvas>

8. 使用echarts控制台提示使用canvas 2d
   这里我们可以看到一个通过isUseNewCanvas进行判断使用新的/旧的canvas，因此我们只需要将对应ec-canvas/ec-canvas.js的isUseNewCanvas属性值改为true就可以了， 修改以后，控制台将不再提示该内容。

 data: {
    isUseNewCanvas: true
  },

9.以上操作之后，你会发现 图上提示框颜色发生了改变，是因为使用了新版本，所以记得选择对应的版本，以确保兼容性