apache / apache/echarts

[Bug] How to bind events to dataZoom/visualMap components to prevent bubbling behavior

Open
#19,135 2 comments 0 reactions 0 assignees View on GitHub
bug topic: event
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.4.3

### Link to Minimal Reproduction

https://codesandbox.io/s/frosty-sunset-ctw59j?file=/src/chart.js

### Steps to Reproduce

1、滑动 visualMap 任意滑块手柄,手柄位置未发生变化,且拖动了外层容器

### Current Behavior

1、当我在 react-grid-layout 中使用 echarts 时,echarts 的 dataZoom/visualMap 组件滑动事件会冒泡至外层组件,导致dataZoom/visualMap 组件滑动事件不可用,且触发了外层组件的滑动事件。

### Expected Behavior

1、期望滑动滑块手柄时,能不触发外层容器的滑动事件
2、visualMap、dataZoom等组件支持绑定事件,这样我可以设置事件禁止冒泡

### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.