legend labelFormatter：在名称和百分比之间获取空格，以便它们排成一行

Question

我正在尝试使用HighCharts 2.3.5来获取名称和百分比，以便在图例中排列。

现在传说看起来像这样：

symbol aValue aPercentage
symbol somethingElse aPercentage
symbol v aPercentage

我想要的是：

symbol aValue         aPercentage
symbol somethingElse  aPercentage
symbol v              aPercentage

我采取了一些肯定看起来很糟糕的东西。我向左设置：0px;右：0px;然后添加一些nbsps。 div最终看起来像这样：

<div style="left:0px;top:0px;display:inline-block;position:absolute;">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;44.7%
</div>

有更好的方法吗？

谢谢！

Answer 1

感谢您的建议。我偶然发现了这个：HighCharts Pie Chart Legend value alignment

小提琴和浮动解决了它。

Answer 2

您可以为图例项目设置宽度：

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

Answer 3

使用图例项格式化程序alonwithe选项useHTML: true

使用formatter函数可以返回html代码。您可以根据需要构建图例项目。