Highcharts Legend 项目文本对齐答案

【问题标题】：Highcharts Legend item text alignmentHighcharts Legend 项目文本对齐
【发布时间】：2015-01-29 13:40:56
【问题描述】：

我有以下问题：我想按以下方式对齐图例的文本：图例：

[Color1] Title1:----------------100.000.000€

[Color2] Title23343334:-----100.000.000€

[Color3] Title23343334:-----10.000.000€

你知道我该怎么做吗？

【问题讨论】：

【解决方案1】：

为此，您需要设置useHTML: true，并在labelFormatter函数中定义html元素，并通过CSS设置这些元素的宽度。

例子：

（有很多方法可以设置 HTML 和 CSS 来实现这一点 - 这只是一个示例）

【讨论】：

感谢您的帮助。但是如何调整 CSS 使图例项的图标和图例项的标题之间没有空格，就像在标准版本中一样？在你的例子中我有一些空间，我认为是因为显示：inblock-property。如果我将其删除，则数字未正确对齐，如您的示例所示。
间距是边距和内边距设置的问题。只需删除那些：jsfiddle.net/jlbriggs/yra1rw51/10

【解决方案2】：

您可以定义itemWidth，它定义每个图例项的静态。

【讨论】：