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

时间:2019-04-26 05:20:21

标签: amcharts amcharts4

我想在Amcharts v4 TreeMap图表的1级列模板中添加页边距样式。

我尝试了以下代码,但已知它们起作用。

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

代码链接: http://jsfiddle.net/t42asecw/3/

1 个答案:

答案 0 :(得分:0)

您似乎正在尝试在树图列之间创建垂直空间。无法在实际的系列columns.template上执行,因为那些try to occupy as much space as possible。然后,您可以尝试在paddingTop上放置一个column,例如:

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;