Layout 在d3中结合部队和部队布局

Layout 在d3中结合部队和部队布局,layout,d3.js,force-layout,circle-pack,Layout,D3.js,Force Layout,Circle Pack,我有一个用标准部队布局表示的图表 节点可以按属性进行集群 我可以用包布局表示这些集群吗 这两种布局将如何共存,以及如何计算节点的x和y坐标 编辑 我想我可能需要处理数据,将节点集群转换为包含集群层次结构作为属性的单个节点。如果可能的话,我仍然欢迎一种不强迫我改变数据的替代方法 下面是一个示例数据集,我将其转换为多布局方法。这里的问题是,我无法链接集群中的任何节点 { "directed": true, "graph": [], "nodes": [ {

我有一个用标准部队布局表示的图表

节点可以按属性进行集群

我可以用包布局表示这些集群吗

这两种布局将如何共存,以及如何计算节点的x和y坐标

编辑
我想我可能需要处理数据,将节点集群转换为包含集群层次结构作为属性的单个节点。如果可能的话,我仍然欢迎一种不强迫我改变数据的替代方法

下面是一个示例数据集,我将其转换为多布局方法。这里的问题是,我无法链接集群中的任何节点

{
    "directed": true,
    "graph": [],
    "nodes": [
        {
            "id": "node0"
        },
        {
            "id": "node1"
        },
        {
            "id": "node2",
            "tree": {
                "name": "cluster",
                "children": [
                    {
                        "id": "node3"
                    },
                    {
                        "id": "node4"
                    },
                    {
                        "id": "node5"
                    }
                ]
            }
        }
    ],
    "links": [
        {
            "source": 0,
            "target": 1
        },
        {
            "source": 1,
            "target": 2
        },
        {
            "source": 0,
            "target": 2
        }
    ],
    "multigraph": false
}

这两种布局可以共存。其思想是在force布局中为节点提供
g
元素。对于内部的所有内容,坐标/尺寸由包布局设置。能否附上驱动力布局的数据示例?Reno是一个简单的示例,将力布局放置在外力布局的每个节点内。它使用Lars描述的方法。您可以将其用作模型,但使用包布局而不是内力布局。(我还举了一个例子,在force布局的每个节点中使用一个包布局,但现在它不在web上。将它放到JSFIDLE中有点混乱,您将不得不费力地阅读许多不必要的代码——在我比现在更新手的时候编写的。但是,如果您真的需要查看它,我可以将它发布到某个地方。)嘿,Mars@renaud,我也遇到了类似的情况,就像你的一样。你们能帮我怎么做吗?如果你能分享你的代码那就太好了。