微信小程序使用 ECharts的方法

参考文档：https://github.com/ecomfe/echarts-for-weixin

总结：

1.复制文件夹ec-canvas到本地项目

 

1.使用方法：

在需要使用的page的json文件里面配置：

 

然后在该页面的js文件里面配置：

 

 

echart的使用坑：

1.

 

2.echart使用canvas来绘制图表，而canvas在微信小程序里面层级最高，会覆盖页面其他元素，所以有元素要覆盖在图表之上的话，需要用corver-view来实现。

3.echart的图在ios上会有滑动问题，暂时不知如何解决。用catchtouchmove="doNothing" 有解决一点。

4.手机端屏幕太小，横坐标文字显示不全问题：

解决方法：设置grid

grid图解：

 

参考：https://echarts.baidu.com/echarts2/doc/doc.html#Grid