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

无言非影

已于 2024-06-26 08:47:54 修改

阅读量891

点赞数 2

分类专栏：笔记文章标签： echarts javascript 笔记前端

于 2024-06-25 11:21:59 首次发布

本文链接：https://blog.csdn.net/weixin_40887836/article/details/139954178

版权

15 篇文章

订阅专栏

13 篇文章

订阅专栏

解决方案不是很好，来源于github的issue，官方提供了，组合键触发缩放的功能。
https://github.com/apache/echarts/issues/5769
在这里插入图片描述

如何触发缩放。可选值为：

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

dataZoom-inside. preventDefaultMouseMove = true

是否阻止 mousemove 事件的默认行为。