Aligning the text in Legend in Highcharts

问题:

Currently the legend aligns the text to the left. I.e (-- indicates item label and in most cases would be just different colors.

 ___________________
[-- Legend item 2   ]
[-- Legend item 3   ]
[-- Legend item 244 ]

I would like it so that it does it it like this

 ___________________
[--   Legend item 2 ] 
[--   Legend item 3 ]
[-- Legend item 244 ]

I tried playing around with itemStyle: textAlign: 'right' but no luck. Is this even possible?

回答1:

You can set useHTML and then define width and text-align:

http://jsfiddle.net/5gjfW/2/

.highcharts-legend-item span {
    width:70px!important;
    text-align:right!important;
}

http://api.highcharts.com/highcharts#legend.useHTML