apache / apache/echarts

[Bug] Browser freezes on reducing pictorial bar chart size with small symbol size

Open
#20,275 1 comment 0 reactions 0 assignees View on GitHub
bug en
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://echarts.apache.org/examples/en/editor.html?c=pictorialBar-vehicle&code=MYewdgzgLgBADgQygCwMoE8C2AjEAbCGAXhgG8AoGGaBAJwC5KqYByRFegek4FkBGAAwAaQTADCAVgB0EkQJjTZEhUPliALDKHLNs0cNEato3SOWyATGsVmFx-YLkwAXiyHkAvgG5yIOFABLcGIyJgBzWgCAE3pQ5hhQMCgEALAAGQRsAFM8WKhaAFcs93i8LIAzKFirJg8SmAAPAEEGgIhYiniopARYgG0WGloWAF16qlSANyzaCCy8wuKmKgRWiDTU-bJqZBAAdwWimDrlmFW2gBUA4ABrDp39w6zj8eo4PACoDbAt0geDmD5I4neLndaZHIdU5UTB0MKpWKOaEwcrgKCoALOLZ8dSnEHMMEABRAqSgMyh8SoeAhuTilKoEF2AKBS3pMLhCJgAGYBMiPHjavV0C02hTmBB3p9vr9_k8XqcwRlsrS_ozHoDFvLQWsrrd7mrmZr8Ss1tL9Uy5fyqPi5pEsu0YH1Tp1KWAEJgtiwrHwJG5kVB0HBPXBrlAQJEEHgAEJ0P30iBYXB4ABKWSDSCerwZifwGKx_RYgjgDTcrCLJbGyOwdAA4gg4LFCwIAKRxyndZL9ZFUF1smCTSNFRESADsWcpCZw-Fi7DQOYIUiG3eOyJGAqoa-8QA

### Steps to Reproduce

1. Set up pictorial bar chart as in the minimal reproduction example: the most important thing is _quite small_ symbol size (e.g, 10px);
2. Start to reduce window size vertically.

### Current Behavior

On resizing, when grid size reduces to about 0 and less, browser page freezes. If symbol size is quite large (e.g. 50px) this bug doesn't reproduce.
[Screencast from 08-20-2024 01_15_37 PM.webm](https://github.com/user-attachments/assets/46a6c5e6-67b5-4fe5-a06d-1459856888fd)

### Expected Behavior

Browser page should not freeze on reducing pictorial bar grid size.

### Environment

```markdown
- OS: Ubuntu 22
- Browser: Chrome 127.0.6533.120
- Framework:
```

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the linked minimal reproduction for the pictorial bar chart and reproduce the freeze by shrinking the browser window with a symbol size around 10px. Trace the resize behavior as the grid size reaches zero or below, and verify that resizing no longer freezes the browser while the chart remains usable.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.