You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2022/02/13 23:23:42 UTC
[GitHub] [echarts] GUlbricht opened a new issue #16501: [Bug] Legend lies over diagram for small screens
GUlbricht opened a new issue #16501:
URL: https://github.com/apache/echarts/issues/16501
### Version
5.3.0
### Link to Minimal Reproduction
https://codesandbox.io/s/polished-sun-56ohe?file=/src/index.js
### Steps to Reproduce
1. Create a Bar Stack Chart
2. Add a bunch of series
3. Resize to mobile screen size
### Current Behavior
The diagram legend is not displayed correctly as shown in the image. The legend itself is generated correctly, but the position does not fit. The legend is placed over the x-axis of the chart.
### Expected Behavior
The legend should be displayed below the x-axis without shrinking the chart itself with grid.bottom.
### Environment
```markdown
- OS: Windows 11 and 10, macOS BigSure, Android 12 and iOS 15.3.1
- Browser: Chrome 98.0.4758.82 (64 bit) and Safari
- Framework: Angular
```
### Any additional comments?
_No response_
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] Ovilia commented on issue #16501: [Bug] Legend lies over diagram for small screens
Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #16501:
URL: https://github.com/apache/echarts/issues/16501#issuecomment-1038582432
Currently we don't have auto layout to avoid collision. You can set `grid.bottom` to be larger. If you need different values for different canvas size, you can use [responsive design](https://echarts.apache.org/en/tutorial.html#Responsive%20Mobile-End).
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org