Layout 在d3中结合部队和部队布局
我有一个用标准部队布局表示的图表 节点可以按属性进行集群 我可以用包布局表示这些集群吗 这两种布局将如何共存,以及如何计算节点的x和y坐标 编辑Layout 在d3中结合部队和部队布局,layout,d3.js,force-layout,circle-pack,Layout,D3.js,Force Layout,Circle Pack,我有一个用标准部队布局表示的图表 节点可以按属性进行集群 我可以用包布局表示这些集群吗 这两种布局将如何共存,以及如何计算节点的x和y坐标 编辑 我想我可能需要处理数据,将节点集群转换为包含集群层次结构作为属性的单个节点。如果可能的话,我仍然欢迎一种不强迫我改变数据的替代方法 下面是一个示例数据集,我将其转换为多布局方法。这里的问题是,我无法链接集群中的任何节点 { "directed": true, "graph": [], "nodes": [ {
我想我可能需要处理数据,将节点集群转换为包含集群层次结构作为属性的单个节点。如果可能的话,我仍然欢迎一种不强迫我改变数据的替代方法 下面是一个示例数据集,我将其转换为多布局方法。这里的问题是,我无法链接集群中的任何节点
{
"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,我也遇到了类似的情况,就像你的一样。你们能帮我怎么做吗?如果你能分享你的代码那就太好了。