您的位置:首页 > 移动开发 > 微信开发

微信小程序使用 ECharts的方法

2019-05-08 11:40 996 查看

参考文档: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

 

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: