Bug reportAug 23, 2026· 0:45· 15 views
ECharts stacked-line-chart example: legend items overlap x-axis labels
0:45 total
Comments · 0
Be the first to comment.
Bug report— by SceneRecap AI
mediumexamples
os: macOSdpr: 1locale: en-USbrowser: Chromium 151.0.7922.34timezone: Europe/Berlinviewport: 1280x720
Repro steps
- 1.Navigate to the Apache ECharts editor with the 'Stacked Line' example loaded.
- 2.Examine the rendered chart preview canvas on the right side of the editor.
- 3.Observe the bottom of the chart where the x-axis category labels and legend items are displayed.
Expected
The chart legend should be positioned clearly separated from the x-axis category labels (e.g., above the chart grid or with sufficient bottom padding) so that text does not collide.
Actual
The legend items ('Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine') are rendered directly on top of the x-axis category labels ('Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'), making both sets of labels illegible.
Evidence
visualAt 0.0s, the preview pane renders the legend elements overlapping the x-axis day labels along the bottom baseline.
visualAt 5.0s and 39.0s, hovering over the chart triggers the axis tooltip, confirming the chart is fully rendered while the legend text remains overlapped with the x-axis labels.
Issue markdown (copy-paste ready)
### Summary In the ECharts 'Stacked Line' chart example, the series legend items render along the bottom axis baseline, directly colliding with and obscuring the x-axis category labels. ### Steps to Reproduce 1. Open the Apache ECharts example editor for 'Stacked Line' (`/examples/en/editor.html`). [0.0s] 2. Review the rendered chart output on the right pane. [0.0s] 3. Inspect the bottom x-axis area where category labels are positioned. [5.0s] ### Expected Behavior The legend should be placed in a dedicated region (such as at the top of the chart or below with appropriate `grid.bottom` margins) without overlapping the x-axis category labels. ### Actual Behavior The legend items (`Email`, `Union Ads`, `Video Ads`, `Direct`, `Search Engine`) overlap the x-axis category ticks (`Mon`, `Tue`, `Wed`, `Thu`, `Fri`, `Sat`, `Sun`), causing visual text collision and reduced readability. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →