当前位置:   article > 正文

微信小程序iOS系统上echarts不能滑动的问题_echart的axispointer滑动块无法滑动

echart的axispointer滑动块无法滑动

1、canvas是原生组件,层级很高,view无法作为遮罩层。我使用的是cover-view作为遮罩层。

  1. <cover-view wx:if="{{isIOS}}" class="echart-mask" ></cover-view>
  2. <e-chart chart-class='echart'option='{{ data.getEChartOption(employeeInfoList) }}' bindinstance='getEchartInstance'/>

添加了遮罩层之后,在iOS系统上可以正常滑动,但是在Android系统上又无法滑动了。可在页面上对系统进行判断,以决定是否创建遮罩层。

  1. wx.getSystemInfo({success: (result) =>this.setData({ isIOS: result.system.match(/iOS/) }),
  2. });

2、使用echart插件的disableTouch属性。(推荐)

<ec-canvas id="tendency" canvas-id="tendency" force-use-old-canvas="true" ec="{{ tendency }}" ></ec-canvas>

根 ec 下 disableTouch: true  

  1. data:{
  2. tendency: {
  3. disableTouch: true,
  4. lazyLoad: true
  5. },
  6. lifetimes: {
  7. create: function() {},
  8. attached: function() {},
  9. ready: function() {}
  10. }
  11. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/526566
推荐阅读
  

闽ICP备14008679号