echarts.js datazoom滑动效果导致页面的滑动无反应 问题解决方法
dataZoom的属性设置:
moveOnMouseWheel:false;
此属性控制当用户使用鼠标滚轮(或触控板的类似操作)时,是否触发数据窗口的平移或缩放行为。如果设置为
false
,则禁止通过鼠标滚轮来缩放和平移数据视图。这可以防止意外的交互,尤其是在数据量大且需要精确控制视图的情况下。preventDefaultMouseMove:false;
这个属性决定是否阻止鼠标默认的移动行为。当设置为
true
时,ECharts 会阻止浏览器对鼠标移动的默认处理,这在某些场景下是必要的,比如当需要 ECharts 自身完全控制鼠标在图表上的行为,以避免页面滚动或其他默认操作干扰图表的交互体验。如果设置为false
,则不阻止,默认的浏览器行为会生效,比如页面滚动。