微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

应用选项

chart.legend.align = 'right'

没有效果

Codepen

解决方法

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

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

这是一个演示:

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐