CODEWITHSUNDEEP
highcharts
bubbles
bubbles

Reputation: 881

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?

Upvotes: 1

Views: 4716

Answers (1)

Sebastian Bochan
Sebastian Bochan

Reputation: 37578

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

Upvotes: 4

Related Questions