15

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

在此处输入图像描述

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

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

如果是这样，我最终希望看到层次结构是可折叠的，并且在折叠时，来自子级的任何链接都会“提升”到父级。

干杯，蒂姆

这类似于我期望 jsonData 的样子......

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

3 回答 3

7

我尝试在这里合并这两个例子我的小提琴 

// 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();
}
于 2013-05-20T11:24:11.497 回答
4

这是一个很好的例子，展示了这两个属性http://bl.ocks.org/mbostock/1093130

于 2013-09-07T01:20:24.103 回答
3

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

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

于 2013-04-10T14:31:42.647 回答