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

我正在使用amcharts来创建我的图表,图例是在单独的容器中.

应用选项

chart.legend.align = 'right'

如果你想要对齐图例的内容,即右边的图例项,而不是整个图例本身(我假设这个,因为图例在外部,自定义< div>,这是直接从我们的主题指南中获取.如果您有其他意思,请告诉我们.),然后您必须更改其布局,然后通过contentAlign将其内容对齐.例如.

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

这是一个演示：

我强烈建议查看我们的指南“Working with Containers”,其中包含有关在amCharts v4中进行布局的各种详细信息.此外,一旦您将所有内容对齐到右侧,图例仍将被锁定到其html包装器的高度,即在您的情况下为150px,无法访问其余内容.上面的演示是我们“Making the external legend scrollable” guide中的一个分支.

相关文章