赞
踩
1、canvas
是原生组件,层级很高,view
无法作为遮罩层。我使用的是cover-view
作为遮罩层。
- <cover-view wx:if="{{isIOS}}" class="echart-mask" ></cover-view>
- <e-chart chart-class='echart'option='{{ data.getEChartOption(employeeInfoList) }}' bindinstance='getEchartInstance'/>
添加了遮罩层之后,在iOS
系统上可以正常滑动,但是在Android
系统上又无法滑动了。可在页面上对系统进行判断,以决定是否创建遮罩层。
- wx.getSystemInfo({success: (result) =>this.setData({ isIOS: result.system.match(/iOS/) }),
- });
2、使用echart
插件的disableTouch
属性。(推荐)
<ec-canvas id="tendency" canvas-id="tendency" force-use-old-canvas="true" ec="{{ tendency }}" ></ec-canvas>
根 ec 下 disableTouch: true
- data:{
- tendency: {
- disableTouch: true,
- lazyLoad: true
- },
- lifetimes: {
- create: function() {},
- attached: function() {},
- ready: function() {}
- }
- }
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。