echarts [Bug] Issue with Grid Padding When Multiple Y-Axes are Used

oalqel3c  于 3个月前  发布在  Echarts
关注(0)|答案(1)|浏览(62)

Version

5.3.2

https://codesandbox.io/s/spn43j

Steps to Reproduce

Create a chart with multiple Y-axes.
Set specific grid padding values for the left and right in %.
Observe the padding behavior in the rendered chart.

Current Behavior

The grid padding is auto-adjusted, ignoring the specified values, which causes unexpected spacing and alignment issues.

Expected Behavior

The grid should respect the specified padding values for the left and right sides, regardless of the number of Y-axes used.

Environment

No response

Any additional comments?

No response

stszievb

stszievb1#

I assume the issue is about grid.left not entirely showing the leftmost yAxis despite containLabel being set to true.
Responsiveness has its limits. When chart's width is decreasing, horizontal space is squeezed to a point when not all elements can be shown.
Suggestion: some of the five yAxes are similar or identical and could be reduced to only two. This would also improve user experience IMHO.

相关问题