【笔记】echarts图表的缩放和鼠标滚动冲突的处理解决方案

解决方案不是很好,来源于github的issue,官方提供了,组合键触发缩放的功能。
https://github.com/apache/echarts/issues/5769


https://echarts.apache.org/zh/option.html#dataZoom-inside.zoomOnMouseWheel

dataZoom-inside.zoomOnMouseWheel

复制代码
如何触发缩放。可选值为:

true:表示不按任何功能键,鼠标滚轮能触发缩放。
false:表示鼠标滚轮不能触发缩放。
'shift':表示按住 shift 和鼠标滚轮能触发缩放。
'ctrl':表示按住 ctrl 和鼠标滚轮能触发缩放。
'alt':表示按住 alt 和鼠标滚轮能触发缩放。

dataZoom-inside. preventDefaultMouseMove = true

复制代码
是否阻止 mousemove 事件的默认行为。
相关推荐
众少成多积小致巨2 小时前
libbinder_ndk 入门指南
前端·c++·架构
小李子呢02112 小时前
前端八股Vue---自定义组件(控件)
前端·javascript·vue.js
用户52709648744903 小时前
微前端(qiankun)单侧启动调试技巧
前端
于慨3 小时前
flutter基础组件用法
开发语言·javascript·flutter
斌味代码3 小时前
jQuery 内存泄漏排查:常见场景、工具使用与修复实战
前端·javascript·jquery
weixin199701080163 小时前
《爱回收商品详情页前端性能优化实战》
前端·性能优化
chenbin___3 小时前
鸿蒙(HarmonyOS)支持 useNativeDriver的详细说明(转自千问)
前端·javascript·react native·react.js·harmonyos
We་ct3 小时前
Git 核心知识点全解析
开发语言·前端·git·gitee·github
iDao技术魔方3 小时前
Bun v1.3.12 深度解析:新特性、性能优化与实战指南
开发语言·javascript·visual studio code
小兵阿飞3 小时前
Vite 技术介绍:实现原理、应用与优化
前端·vite