在Highcharts中对齐Legend中的文本

时间:2013-04-30 06:10:25

标签: highcharts

目前,图例将文本对齐到左侧。 I.e( - 表示项目标签,在大多数情况下只是不同的颜色。

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

我希望它能像它这样做

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

我尝试使用itemStyle:textAlign:' right'但没有运气。这甚至可能吗?

1 个答案:

答案 0 :(得分:3)

您可以设置useHTML然后定义width和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