【小程序】ucharts、echarts图表影响页面滑动解决方案 |
您所在的位置:网站首页 › 微信小程序图表 › 【小程序】ucharts、echarts图表影响页面滑动解决方案 |
使用ucharts绘制图表后在真机上出现无法正常滑动页面,滑动时只是绘制的canvas跟着滑动,并且因为层级过高会挡住底部的tabbar栏。 解决方案:使用官方提供的cover-view组件,在canvas所在的容器写一个同级的cover-view,宽高100% absolute定位覆盖在canvas所在容器。tabbar栏也改用cover-view和cover-image组件去写。 转化分析 .qiun-charts { width: 690rpx; height: 450upx; background-color: #FFFFFF; position: relative; .mark-box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } }cover-view和cover-image会比canvas的层级还高,所以此方法会导致原来的图表点击事件失效,像博主这样不考虑点击事件的可以这样解决。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |