align text inside chart for far-aligned labels

[iamarcel]

When you have long labels on a horizontal chart that get cut off, the end is cut off by default. If I change the alignment to "far", the text alignment is okay but the wrong side of the labels is still shown.

For example, with labels on the left side and crossAlign "far", you'd see the end of the longest labels and white room for shorter labels.

With these changes, the labels would start on the left side so you see the beginning of the labels:

[kurkle]

How are you constraining the scale size? It should take more room with long labels by default.

Some tests are failing, take a look at those.

[iamarcel]

How are you constraining the scale size? It should take more room with long labels by default.

In the screenshot (and the application where we'd want this feature) I'm overwriting axis.width in afterFit to a fixed value. But you can reproduce as well by just making the labels long enough, at some point Chart.js stops expanding the space for the labels.

[kurkle]

I was wrong the first time, you should use the full chart size in scale direction, because the margins in the corners are also available for labels.

Added a suggestion, would that work correctly?

I think you should add an fixture test for this feature.

[kurkle]

Adding tolerance: 0.01 might help it pass in both browsers.

[etimberg]

@iamarcel are you able to try this out? Would love to get this merged

[LeeLenaleee]

That will fix it

[iamarcel]

Thanks for continuing this while I was out and half forgetting about this! :)

[kurkle]

This was merged in #8359