將節點逐組添加到D3力導向圖

Question

我試圖實現類似於this的強制定向網絡。然而，我的每一個節點中的被分配例如

Node Group 
node1 1 
node2 1 
node3 2 
node4 3 
node5 3 

一組值而且我想在網絡上的一段時間後生長即（比如2秒），隨後節點組被添加與他們聯繫。

這是可以實現的嗎？

Answer 1

是的。訣竅是將函數中繪製圖形的部分封裝起來。在特定的時間間隔後將特定的組添加到數據結構並調用該函數。代碼看起來大致如此。

function update(graph) { 
    var link = svg.selectAll("line.link") 
     .data(graph.links) 
     .enter().append("line"); 

    var node = svg.selectAll("circle.node") 
     .data(graph.nodes) 
     .enter().append("circle") 
     .call(force.drag); 

    node.append("title") 
     .text(function(d) { return d.name; }); 

    force.start(); 
} 

你應該能夠重新使用其他所有東西。