小程序中使用Echarts实现报表
发布于 5 年前 作者 pengna 1855 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

小程序中使用Echarts实现报表,在IOS真机中当手指触摸图表交互时,阻止了页面正常上下滑动。请问是原生组件本身受限还是插件原因呢?

部分代码:

<canvas class=“ec-canvas” canvas-id="{{ canvasId }}" bindinit=“init” bindtouchstart="{{ ec.disableTouch ? ‘touchStart1’ : ‘touchStart’ }}" bindtouchmove="{{ ec.disableTouch || canvasId==‘mychart-line’? ‘’ : ‘touchMove’ }}" bindtouchend="{{ ec.disableTouch ? ‘’ : ‘touchEnd’ }}">

</canvas>

1 回复

Canvas 是原生的,层级比较高,对事件处理需要按照小程序的方式处理。你看看你用的库的代码的底层如何处理事件的

这里有个文档你可以参考一下

https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html

https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html

回到顶部