Axes title overlaps other Axes with multi-axis charts

[MPursche]

Hello,

I have found a bug when using multiple axes in a scatterplot. The title of an axis sometimes overlaps another axis when the chart is resized. I'm trying to create a chart with four y-axes: two on the left and two on the right.
My chart setup can be found here: Codepen Example
The layout works if the chart is wide enough but if the window is resized and the chart is smaller the axes title may overlap another axes. I tried to work around the issue using the axis position, but this does not work for responsive charts as the position is in relative coordinates.
I would expect the placement algorithm for the axis to consider the title and add margins if necessary.

Title don't overlap if chart is wide enough:

Titles overlap if chart is too narrow:

Greetings
Marcel

[antoinerg]

Thank you @MPursche for reporting this issue!

[etpinard]

This is the expected behavior (for now). We don't attempt to smartly position axes titles based on the position of other graph components.

Related:

• axis automargin moves axis label outside of individual tick labels, not the longest tick label #2575
• Add legend 'auto' x|y and/or 'container' (x|y)ref #1199

We should probably merge these tickets together. Adding something like axis.title.position: 'auto' could potential help for fixing this problem.

Tagging as feature.

[etpinard]

One more: #3505

[gvwilson]

Hi - this issue has been sitting for a while, so as part of our effort to tidy up our public repositories I'm going to close it. If it's still a concern, we'd be grateful if you could open a new issue (with a short reproducible example if appropriate) so that we can add it to our stack. Cheers - @gvwilson