设置宽度时，highcharts图例项对齐左侧

Question

我有一个传奇的高图。 我使图例的固定宽度为380px，我希望这个图例框内的图例始终对齐。它们默认情况下与左侧对齐。

这些是图例的属性：

... legend: {
        align: 'right', //this align the legend box , not the items
        verticalAlign: 'top',
        borderWidth: 1,
        width: 380,
        floating: true,
        x: -35,
        symbolRadius: 0,
        symbolWidth: 10,
        symbolHeight: 10,
        enabled: true,
        itemStyle: { //I even tried this but with no lick
            textAlign: 'right',
        }
    }, ...

这个传说框就是它的样子：

我希望这两个项目位于方框右侧。

这是图表中没有做我想做的事情：

http://jsfiddle.net/MaurizioPiccini/d746v/9/

我尝试了什么：

1-将它放在我的CSS中只会更改项目内文本的对齐方式，但不会将项目对齐到框的右侧。

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

2-将此作为图例上的属性添加对齐图例框，而不是项目

 align: 'right', 

3-将此添加为图例上的属性也不起作用：

itemStyle: { //I even tried this but with no lick
    textAlign: 'right',
}

Answer 1

一般来说，它不受支持。但是，您可以尝试通过手动将图例组翻译到右侧来实现此目的。您需要在每个图表调整大小或重新绘制图例时更新该位置。

以下是示例：http://jsfiddle.net/d746v/10/

                this.legend.allItems[0].legendGroup.attr({ // 0 - first series, 1 - second series etc.
                    translateX: 320
                });

因此，对于每个项目，您需要计算正确的位置。

Answer 2

您可以尝试：text-align: right;而不是“对齐”;
或者您可以尝试在CSS中指定元素，如：

div .example p {

}

我希望这能解决你的问题。祝你好运！

http://www.w3schools.com/cssref/pr_text_text-align.asp