Echarts区域缩放(datazoom)鼠标滚动报错：Unable to preventDefault inside passive event listener invocation(问题篇)

1、解决办法：

文件node_modules下，找到zrender文件。在zrender文件中找到event.js文件。

具体路径：zrender/lib/core/event.js。

找到event.js文件下的addEventListener函数，如下修改标注红色字体部分。

代码：el.addEventListener(name, handler, { passive: false });

2、所遇到的情况：

1、带区域缩放的时间轴。

当鼠标在图表上下滚动时，报错：Unable to preventDefault inside passive event listener invocation。

3、原因

我们的事件已经默认被定义为了被动事件监听。结果我们在这个事件监听中调用了event.preventDefault()，浏览器就不高兴了，报错，告诉你：“你定义的事件不是一个被动事件监听吗？不就是告诉我为了提高响应速度不要处理event.preventDefault()吗？为啥你还要调用event.preventDefault()！”
为什么事件被默认定义为被动事件监听？为了提高浏览器的响应速度。