apache / apache/echarts

[Bug] type为pictorialBar、symbolRepeat为true、containLabel为true 并且没有 symbolBoundingData时,浏览器缩放到极限时cpu 100%且崩溃

Open
#20,467 1 comment 0 reactions 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.0

### Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?code=PYBwLglsB2AEC8sDeAoFsOzMYAbSIAXMgL4A06mAngIIAeEAzsUuZRnfUy-5nxgBMAhmCHFYAbQCMZWACZZAZlkAWWQFYAuhT5s-AcwBOEAT37nYuAKYAzMMQBEADgCkDnRb7H9AC3uxnNw9PDAAjYDBsAFtHdSDeT2wiAMUABlT3BIsAYxhRCGgAGSFQq1xiMEMAVytePUxGK2MrZkksjFQQzDAqECtHEAhs7GMhXAAhIUNMroxGKijw8oDDK2GZ2fnFvAAlKz6RR0qaja6tpYBZKf0CxylU-NnYc7wAZQgAL37Ye-CQ4VExGkslSIKUqm07VgJF4mhQJCAA&_source=echarts-doc-preview&version=5.5.0

### Steps to Reproduce

1、用下面数据创建echart
```
option = {
tooltip: {},
yAxis: {},
xAxis: {
data: [1, 2, 3, 4, 5],
},
grid: {
left: "8%",
right: "8%",
bottom: "5%",
top: "300",
containLabel: true
},
series: [
{
type: "pictorialBar",
symbol: "rect",
symbolRepeat: "true",
symbolMargin: "10%",
symbolSize: 10,
data: [1, 0, 0, 3, 4],
}
]
}
```

https://echarts.apache.org/examples/zh/editor.html?code=PYBwLglsB2AEC8sDeAoFsOzMYAbSIAXMgL4A06mAngIIAeEAzsUuZRnfUy-5nxgBMAhmCHFYAbQCMZWACZZAZlkAWWQFYAuhT5s-AcwBOEAT37nYuAKYAzMMQBEADgCkDnRb7H9AC3uxnNw9PDAAjYDBsAFtHdSDeT2wiAMUABlT3BIsAYxhRCGgAGSFQq1xiMEMAVytePUxGK2MrZkksjFQQzDAqECtHEAhs7GMhXAAhIUNMroxGKijw8oDDK2GZ2fnFvAAlKz6RR0qaja6tpYBZKf0CxylU-NnYc7wAZQgAL37Ye-CQ4VExGkslSIKUqm07VgJF4mhQJCAA&_source=echarts-doc-preview&version=5.5.0

2、浏览器打开F12
image

3、调整浏览器高度到最小
image

4、浏览器“性能监控” cpu 100% 然后浏览器崩溃。
image

### Current Behavior

type为pictorialBar、symbolRepeat为true、containLabel为true 并且没有 symbolBoundingData时;缩放浏览器出现崩溃问题。

### Expected Behavior

希望在后面的版本中修复这个bug。在缩放浏览器的情况下不要导致cpu 100% ,不要让浏览器崩溃。

### 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.