目录
一、问题
二、寻找原因
三、解决办法
一、问题
在pc端可以通过鼠标滚动触发dataZoom,实现横坐标数据的增加和减少。如果在window触屏设备上,无法通过手指放大缩小,拖动dataZoom。
二、原因
1、测试了在window触屏设备上,通过鼠标滚轮可以实现dataZoom的数据增加和减少。但是手指拖动时无法实现,确定了问题出现在touch、pointer事件上。
2、可以发现在 node_modules/zrender/zrender.js 中,有这样一句代码,判定当前设备是否为触屏设备。
三、解决办法
1、修改源码
this.touchEventsSupported = true;
this.pointerEventsSupported = true;
2、在对应的文件中引入源码修改
import zRenderEnv from 'zrender/lib/core/env';
zRenderEnv.touchEventsSupported = true;
zRenderEnv.pointerEventsSupported = false;