apache / apache/echarts

[Bug] 柱状图在图表宽度有限时,轴label部分缺失

Open
#21,194 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

6.0.0

### Link to Minimal Reproduction

在官方示例页面使用一下option即可复现

### Steps to Reproduce
`
option = {
"legend": {
"show": true
},
"grid": {
"width": 300,
"top": "10%",
"left": 0,
"bottom": 0,
"containLabel": true
},
"xAxis": {
"type": "category",
"data": [
"XX当日发电量",
"YY当日发电量",
"ZZ当日发电量"
],
"axisLabel": {
"width": 50,
"overflow": "break",
"hideOverlap": false
}
},
"yAxis": {
"type": "value",
"splitLine": {
"show": true,
"lineStyle": {
"width": 1,
"color": "rgba(128,128,128,0.5)"
}
}
},
"series": [
{
"type": "bar",
"data": [
"1417.69",
"1372.82",
"1254.72"
]
}
],
};
`

### Current Behavior

Image

### Expected Behavior

标签正常显示

### Environment

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

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue on the official example page with the provided option, focusing on the 300px grid and x-axis labels using width 50, overflow "break", and hideOverlap false. Trace the axis-label layout behavior and verify that all labels display normally without being partially missing.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 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.