【笔记】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 事件的默认行为。
相关推荐
Csvn7 小时前
WASM
前端
修己xj8 小时前
我用 AI 给自己写了一个 Markdown 编辑器,然后把它开源了
前端
FRing038 小时前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿9 小时前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
moshuying10 小时前
网购能买Token了!
前端
h_654321010 小时前
echarts实现柱状图加一条横线
前端·echarts
风骏时光牛马11 小时前
生成一个后端标题,只需要一个标题,不需要其他的任何文本。
前端
子非鱼@Itfuture11 小时前
关于前后端联调中登录状态/登录信息失效?
java·前端
郭小李11 小时前
openFeign入门
java·开发语言·前端
馒头不想说话11 小时前
AI当运营,帮你省人力
前端