2014-11-22 141 views
0

我有一个平坦的文件,该文件是格式D3中父级/子级别中的多级映射可能吗?

"id":1,"depends_on":2 
"id":1,"depends_on":4 
"id":1,"depends_on":5 
"id":2,"depends_on":3 
"id":4,"depends_on":5 

通常情况下,如果我没有

"id":1,"depends_on":5 

我可以绘制D3布局如下

without multi level mappings

当我包括"id":1,"depends_on":5

图是真实存在的情节将是

with multi level mappings

理想我应该有1 & 5太之间的线路,与其他映射一起。

1)我该如何做到这一点?

2)数据结构应该如何? 是否真的需要有在主数据结构(各部件的重复条目(对象),以获得在D3所需要的格式(父,孩子[])

使用d3.layout.force产生

Force Layout

回答

0

退房this example,它使用d3.layout.force()

阿力布局的数据结构包括2个阵列:

节点

[{id: 1}, {id: 2}, {id: 3}, {id: 4}]` 

的阵列和阵列的路段的节点阵列中使用和链接阵列应该是相同的对象

[ 
    { source: {id: 1}, target: {id: 2} }, 
    { source: {id: 1}, target: {id: 3} }, 
    { source: {id: 2}, target: {id: 4} } 
] 

的对象。即在上面的例子中,nodes[0] == links.source[0]应该是真的。

+0

意识到这一点,但这似乎更加混乱。我正在寻找更多的集群布局,而不是布局布局。是否有可能适应相同的? 注意:更新与图像。 – cypronmaya 2014-11-23 19:21:35

相关问题