如何在 Amcharts Treemap 中为列模板添加样式？

Question

我想在 Amcharts v4 TreeMap 图表的 1 级列模板中添加 margin-top 样式。

我尝试了以下代码，但已知它们有效。

level0ColumnTemplate.column.marginTop   = 30;
level0ColumnTemplate.marginTop   = 30;

代码Link： http://jsfiddle.net/t42asecw/3/

Answer 1

您似乎在尝试在树状图列之间创建垂直 space。不能在实际系列 columns.template 上这样做，因为那些 try to occupy as much space as possible。那么你可以尝试的是在 column 上放置一个 paddingTop，例如：

level1ColumnTemplate.column.paddingTop = 30;

// Don't forget to shift bullet, too
bullet1.dy = 15;

您的代码分支：

http://jsfiddle.net/notacouch/2vrk3e6s/

或者如果您想要所有边上的间距均匀，您可以增加 strokeWidth，但一定要同时增加 column.cornerRadius* 值（如果您的边角是圆角的话）：

level1ColumnTemplate.column.cornerRadius(30, 30, 30, 30)
level1ColumnTemplate.strokeWidth = 30;