[Bug] Browser freezes on reducing pictorial bar chart size with small symbol size
- 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
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