javascript - 如何在 amchrts 图例中应用水平对齐？

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

应用选项

chart.legend.align = 'right'

没有效果

标签： javascriptlegendamcharts

如果您要对齐图例的内容，即图例项向右对齐，而不是整个图例本身（我假设这是因为图例位于外部 custom<div>中，这是直接从我们关于该主题的指南。如果您还有其他意思，请告诉我们。），然后您必须更改其layout，然后通过将其内容与右侧对齐contentAlign。例如

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

这是一个演示：

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