Highcharts Legend item text alignment

Question

I have the following problem: I would like to align the text of the legend in the following way: Legend:

[Color1] Title1:---------------100.000.000€

[Color2] Title23343334:-----100.000.000€

[Color3] Title23343334:------10.000.000€

Do you know how can I do that?

Answer 1

For this you need to set useHTML: true, and define html elements in the labelFormatter function, and set the widths of those elements via CSS.

Example:

• http://jsfiddle.net/jlbriggs/yra1rw51/

(there are numerous ways to set up the HTML and CSS to accomplish this - this is just one example)