echarts.js datazoom滑动效果导致页面的滑动无反应

echarts.js datazoom滑动效果导致页面的滑动无反应 问题解决方法

dataZoom的属性设置:

moveOnMouseWheel:false；

        此属性控制当用户使用鼠标滚轮（或触控板的类似操作）时，是否触发数据窗口的平移或缩放行为。如果设置为 false，则禁止通过鼠标滚轮来缩放和平移数据视图。这可以防止意外的交互，尤其是在数据量大且需要精确控制视图的情况下。

preventDefaultMouseMove:false；

        这个属性决定是否阻止鼠标默认的移动行为。当设置为 true 时，ECharts 会阻止浏览器对鼠标移动的默认处理，这在某些场景下是必要的，比如当需要 ECharts 自身完全控制鼠标在图表上的行为，以避免页面滚动或其他默认操作干扰图表的交互体验。如果设置为 false，则不阻止，默认的浏览器行为会生效，比如页面滚动。