如何增加聚类树形图节点的垂直边距

时间:2014-08-16 14:57:14

标签: css d3.js

我能够成功使用Mike Bostock's clustered dendrogram。我希望节点文本更大,为了做到这一点,我修改了规则

.node {
  /*font: 10px sans-serif;*/
  font: 12px sans-serif;
}

没关系。文字较大但现在比较狭窄,因为线高和节点圆圈'职位是不变的。

我尝试将line-height属性添加到.node类,但它没有任何区别。

.node {
  /*font: 10px sans-serif;*/
  font: 12px sans-serif;
  line-height: 14px;
}

如果我增加svg的高度就可以了,它会被均匀分布并且距离会增加。

那么如何增加节点之间的垂直距离呢?

1 个答案:

答案 0 :(得分:0)

示例中使用的布局中没有任何内容可以设置节点之间的距离 - 增加空间的唯一方法是增加整个图形的高度。这是通过height变量完成的。如果将其设置为更高的值,节点之间将有更多空间。