apache / apache/echarts

Label Alignment issue - auto hide

Open
#20,709 4 comments 0 reactions 0 assignees View on GitHub
en not-a-bug support topic: axis
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
15h 17m
Merged PRs (30d)
5

Description

### Version

5.6.0

### Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?c=bar-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6AE2aMiAbVoBZGFOgy50mL1i0AKgFcqS2gHUqArSoAWarQDEOELQGVm1tdFoBdEgF8-6cjnxFUpMpRplADdGABsNWld3WDwqCypCWFF-Yj9BYTEARgAmAAYeWDz82EyAVmKADmKAdmLMzLqAZlzHaL8KajoAI0YOSL8XEmcXAG4gA

### Steps to Reproduce

1. give long label
2. you can see , small size labels are hiding even there is space to render

### Current Behavior

x axis labels are hiding based on max width of label , it effect to show the small width label also even if there is space to render

### Expected Behavior

if label width is long it only hide, don't hide the available space to render label

in given example , 'Wed', 'Thu', 'Fri', 'Sat', 'Sun' should show

beacuse there is space to render Wed', 'Thu', 'Fri', 'Sat', 'Sun'

### Environment

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

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Research direction

Open the linked minimal reproduction and verify the x-axis behavior with the long label example. Trace the label auto-hide logic to understand why the maximum label width affects shorter labels such as Wed, Thu, Fri, Sat, and Sun. Done means those labels remain visible whenever their individual space is sufficient, while genuinely oversized labels may still be hidden.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization, frontend
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.