d3.js中的可折叠/分层和力导向图

Question

有许多力导向图（即节点和链接）和可折叠树（即父子节点）的例子，但我找不到这些组合的例子 - 除了像这样的一些1级集群网络 - http://static.cybercommons.org/js/d3/examples/force/force-cluster.html。

那就是我需要一个完整的节点层次结构（具有任意数量的级别），以及层次结构中各个节点之间的链接。

有没有人有这方面的例子？

如果是这样，我最终希望看到层次结构是可折叠的，并且来自孩子们的任何链接都被提升了＃39;折叠后的父级。

干杯， 添

这类似于我期望jsonData看起来像...

{
"nodes": [
    {
        "name": "Parent 1",
        "children": [
            {
                "name": "Child 1",
            },
    },
    {
        "name": "Parent 2",
        "children": [
            {
                "name": "Child 2",
            },
.
.
.
"links": [
    {
        source: "Child 1",
        target: "Child 2"
    },
.
.

Answer 1

我尝试将这两个示例合并到fiddle

// Toggle children on click.
function click(d) {
if (d.children) {
    d._children = d.children;
    d.children = null;
} else {
    d.children = d._children;
    d._children = null;
}
update();
}

Answer 2

这是一个展示属性http://bl.ocks.org/mbostock/1093130

的好例子

Answer 3

我也对此感兴趣。 我找到了两个例子，我想结合起来。

http://bl.ocks.org/mbostock/1062288 http://graus.nu/d3/