[Bug] `toolbox.dataZoom` 自定义缩放按钮

[wmasfoe]

Version

5.3.3

Link to Minimal Reproduction

https://codesandbox.io/s/quizzical-chatelet-thnn6r?file=/src/index.js

Steps to Reproduce

点击「开启缩放」按钮，鼠标在 echarts 图上拖动时，对应 handler 不生效。 仅在绘制的线段上拖动时才会生效。

Current Behavior

点击「开启缩放」按钮，鼠标在 echarts 图上拖动时，对应 handler 不生效。 仅在绘制的线段上拖动时才会生效。

Expected Behavior

在 echarts 图中的位置拖动就会生效

Environment

- OS: macos
- Browser: chrome
- Framework: vue3

Any additional comments?

想问下，echarts 现在支持自定义这种缩放按钮吗？或者有没有相关的 api？ 也需要支持鼠标拖动时，选择一个区域，进行缩放。 我看了下文档，似乎没有相关的 api 可以实现，只能通过代码中的 mousedown + mousemove 的方式

No response

[echarts-bot[bot]]

@hihiro It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

[Bug] toolbox.dataZoom custom zoom button

BODY

Version

5.3.3

Link to Minimal Reproduction

https://codesandbox.io/s/quizzical-chatelet-thnn6r?file=/src/index.js

Steps to Reproduce

Click the "Enable Zoom" button, when the mouse is dragged on the echarts diagram, the corresponding handler does not take effect. Only takes effect when dragging on a drawn line segment.

Current Behavior

Click the "Enable Zoom" button, when the mouse is dragged on the echarts diagram, the corresponding handler does not take effect. Only takes effect when dragging on a drawn line segment.

Expected Behavior

Dragging at the position in the echarts diagram will take effect

Environment

- OS: macos
- Browser: chrome
- Framework: vue3

Any additional comments?

No response