d3层次结构布局,具有非叶节点的自定义值

时间:2013-06-23 17:42:23

标签: layout tree d3.js visualization

d3定义层次结构布局,因为树节点具有值,而非叶节点具有子节点。非叶子节点的值自动计算为其子节点的总和(参见here)。

我的需求略有不同。我想定义一个树,非叶节点也有一个值。前提条件是非叶节点的值总是大于或等于其子节点的值的总和。

{
  "name": "parent",
  "value": 10, <-- I want to use this value, not 4+2 = 6
  "children": [
    {
      "name": "child1",
      "value": 2,
    },
    {
      "name": "child2",
      "value": 4,
    }

  ]
}

从图形上看,我想要实现一种冰柱树,但是孩子们不会总是填充父节点的所有宽度。

实现此行为的最佳解决方案是什么?我是d3的新手,如果不需要,我不想重新发明轮子或从头开始创建新的布局。

0 个答案:

没有答案