apache / apache/echarts

[Bug] Legend overlaps axis labels

Open
#21,662 2 comments 0 reactions 0 assignees View on GitHub
bug en pending topic: theme
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

https://echarts.apache.org/examples/en/editor.html?c=line-stack

### Steps to Reproduce

The behaviour can be observed in the example for stacked line chart in the official docs.
Have also observed it in bar charts.

### Current Behavior

Axis labels get obscured by chart legend.

### Expected Behavior

No overlap without additional config

### Environment

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

### Any additional comments?

Workaround:
```
legend: {
bottom: 0,
padding: [0,0,2,0]
},
```

Contributor guide

Open the contributing guide

Research direction

Open the linked stacked line chart example in the official ECharts documentation and reproduce the overlap; also check a bar chart as reported. Trace the legend and axis-label layout behavior, then verify that the labels remain unobscured without additional configuration and that the documented workaround is no longer needed.

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
Active
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.