Highcharts图例项文本对齐

Highcharts图例项文本对齐,highcharts,legend,jscript,legend-properties,Highcharts,Legend,Jscript,Legend Properties,我有以下问题: 我希望按以下方式对齐图例的文本: 图例: [Color1]标题1:--------------100.000.000欧元 [颜色2]标题23343334:----100.000.000欧元 [Color3]标题23343334:----10.000.000欧元 你知道我该怎么做吗?为此,你需要设置useHTML:true,在labelFormatter函数中定义html元素,并通过CSS设置这些元素的宽度 例如: (有很多方法可以设置HTML和CSS来实现这一点-这只是一个

我有以下问题: 我希望按以下方式对齐图例的文本: 图例:

[Color1]标题1:--------------100.000.000欧元

[颜色2]标题23343334:----100.000.000欧元

[Color3]标题23343334:----10.000.000欧元


你知道我该怎么做吗?

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

例如:


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

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

我发现当图例布局为水平时,这很有用。我使用垂直布局,以便图例项目一个接一个。当您使用垂直布局时,请告诉我问题在哪里,因为这样也可以应用itemWidth。Sebastion-问题不是项目宽度。用户希望图例文本的第一部分具有固定的宽度,然后该条目的数据值与右侧对齐。感谢您的帮助。但是如何调整CSS,使图例项的图标和图例项的标题之间没有空间,就像在标准版本中一样?在您的示例中,我有一些空间,因为display:inblock属性。如果我删除它,数字就不会正确对齐,如您的示例所示。间距取决于边距和填充设置。只需删除以下内容: