如何在Amchrts图例中应用水平对齐？

Question

我正在使用amcharts创建图表，图例位于单独的容器中。

正在申请选项

chart.legend.align = 'right'

没有效果

码笔

Answer 1

如果您想使图例的内容（即图例项在右侧）而不是整个图例本身对齐（我想是这样，因为图例位于外部custom中<div>，因此直接从中获取我们的主题指南。如果您有其他意思，请告知我们。），则必须更改layout其内容，然后通过使其内容与右侧对齐contentAlign。例如

// Align legend items to the right
chart.legend.layout = "vertical";
chart.legend.contentAlign = "right";

这是一个演示：

https://codepen.io/team/amcharts/pen/0aa8b7741a25a86fafa48b747077b8e3

我强烈建议您查阅我们的指南“使用容器”，其中包含有关在amCharts v4中进行布局的各种详细信息。同样，一旦您将所有内容都向右对齐，图例仍将被锁定在其html包装器的高度中，也就是说，150px在您的情况下，无法访问其余内容。上面的演示摘自我们的“使外部图例可滚动”指南。