首页 前端知识 echarts.js datazoom滑动效果导致页面的滑动无反应

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

2024-07-30 22:07:14 前端知识 前端哥 264 603 我要收藏

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

dataZoom的属性设置:

moveOnMouseWheel:false;

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

preventDefaultMouseMove:false;

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14645.html
标签
评论
发布的文章

AE、Lottie、JSON简单介绍

2024-08-12 10:08:42

VSCode配置settings.json

2024-08-12 10:08:42

JSON 格式说明

2024-08-12 10:08:34

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!