【笔记】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 分钟前
《侃侃而谈 · 为什么动笔》
经验分享·笔记·课程设计
流殇꧂5 分钟前
Vuex的模块化编程
前端·javascript·vue2
一只脚走路的猫28 分钟前
【UE5.3】笔记6-第一个简单小游戏
笔记·ue5
啊猪是的读来过倒30 分钟前
Vue中的axios深度探索:从基础安装到高级功能应用的全面指南
前端·javascript·vue.js·axios
光影少年32 分钟前
import和require的区别
开发语言·前端·javascript
疯狂成瘾者42 分钟前
偏微分方程笔记
笔记
fmk10231 小时前
AntV学习笔记
笔记·学习
汐织海纳_Hina1 小时前
RabbitMQ学习笔记
笔记·学习·rabbitmq
张紫娃1 小时前
【鸿蒙学习笔记】创建自定义组件
笔记·学习·harmonyos
叁分之一2 小时前
“我打包又失败了”
前端·npm