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() {}
}
}