highcharts - 在 Highcharts 中对齐 Legend 中的文本

Question

目前，图例将文本向左对齐。即 (-- 表示项目标签，在大多数情况下只是不同的颜色。

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

我想要它，让它像这样

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

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

Answer 1

您可以设置 useHTML，然后定义宽度和文本对齐：

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

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

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