【笔记】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 事件的默认行为。
相关推荐
云水一下1 天前
TypeScript 从零基础到精通(五):高级类型与泛型
前端·javascript·typescript
counterxing1 天前
vibe coding 之后,我更不想打字了
前端·agent·ai编程
云水一下1 天前
TypeScript 从零基础到精通(六):类型声明与模块化
javascript·typescript
copyer_xyf1 天前
Python 模块与包的导入导出
前端·后端·python
研☆香1 天前
es6新特性功能介绍(四)
前端·ecmascript·es6
微扬嘴角1 天前
React篇1--JSX语法规则、组件、组件实例的3大特性
前端·react.js·前端框架
三品吉他手会点灯1 天前
C语言学习笔记 - 44.运算符和表达式 - 运算符2 - 除法与取余运算符
c语言·开发语言·笔记·算法
copyer_xyf1 天前
Python venv 虚拟环境
前端·后端·python
无聊的老谢1 天前
Vue 3 + TypeScript 构建大型电信运维平台的前端架构设计
前端·vue.js·typescript
xiaofeichaichai1 天前
Map / Set / WeakMap / WeakSet
前端·javascript