apache / apache/echarts

[Bug] Transition missing when using filterMode "none" in dataZoom

Open
#20,500 8 comments 1 reaction 0 assignees View on GitHub
bug en pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.5.1

### Link to Minimal Reproduction

https://codesandbox.io/p/sandbox/xhzv2x

### Steps to Reproduce

In the reproduction example link, the chart is alternating between 3 zoom states every 2 seconds.

### Current Behavior

Depending on the chart size inside the browser window, the transition of the chart between the `setOption()` updates is sometimes missing.
On small browser window sizes, or when using a different `filterMode` (not `none`), the transition is working.
When the viewport is enlarged, the transition stops working for the smallest zoom area.

When the preview panel is resized so the canvas width is 884 px, the transition does not work when switching to the highest zoom level. If the preview panel is resized so the canvas has 892 px, the transition stops working.

### Expected Behavior

The transition should work on any zoom levels, independent of the rendered size or the used `filterMode`.

### Environment

```markdown
- OS: Windows 11
- Browser: MS Edge 130.0.2849.80
- Framework: none
```

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox reproduction and trace the dataZoom changes made through setOption(), focusing on filterMode "none" and the smallest zoom area. Compare the transition behavior at the reported canvas widths and confirm that transitions occur for every zoom level regardless of rendered size or filterMode.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.