设置宽度时，图表图例项与左边对齐。
设置宽度时，图表图例项与左边对齐。
提问于 2014-04-07 11:07:11
我有一个有传奇的高图表。我使图例有一个固定的宽度380 box，我希望图例项目总是对齐在这个图例框内。默认情况下，它们与左边对齐。
这些都是传说中的特性：
... 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',
}Stack Overflow用户
回答已采纳
发布于 2014-04-07 13:37:40
一般来说，它不受支持。但是，您可以尝试通过手动将图例组翻译到右侧来实现这一点。您将需要更新该位置上的每一个图表调整大小，或任何时候图例被重新绘制。
下面是它的示例：http://jsfiddle.net/d746v/10/
this.legend.allItems[0].legendGroup.attr({ // 0 - first series, 1 - second series etc.
translateX: 320
});因此，对于每个项目，您将需要计算适当的位置。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22910614
复制相关文章
相似问题
腾讯云开发者
