微信小程序iOS系统上echarts不能滑动的问题

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值