Align legend labels to right/end

[Sergiobop]

Hey, I'm working with doughnut charts, with a legend in the right section of the canvas (position: 'right').
I'm trying to achieve something like this:

I'm trying to align the legend labels (the text with the % value, not the box) to the right, but i can't make it.
I tried position: 'right', align: 'right', in the legend configuration, but the text does not align to the 'right'.

Is this a bug or am i doing something wrong?

Chart.js version ^3.0.0-beta.14

Thanks

[kurkle]

Version?

[Sergiobop]

Latest beta ^3.0.0-beta.14

[kurkle]

Its not a bug, just not supported.
The align can be 'start', 'center' or 'end'.

'end' for example:

[Sergiobop]

The legend align property is typed as TextAlign = 'left' | 'center' | 'right' , not 'start' | 'center' | 'end'.
It's confusing, since the name "TextAlign" indicates that i can achieve the result i want, but it does not work as expected.

[kurkle]

The legend align property is typed as TextAlign = 'left' | 'center' | 'right' , not 'start' | 'center' | 'end'.
It's confusing, since the name "TextAlign" indicates that i can achieve the result i want, but it does not work as expected.

ok, that one is a bug in types.

[Sergiobop]

Thanks for the fast response and PR 🚀
You guys are amazing!