D3 v4 force佈局中節點和鏈接位置的轉換

Question

我正在使用D3 v4進行動態社交網絡可視化，示例如下：https://jsfiddle.net/wand5r6L/1/。

在這個例子中有兩年的數據，我想在2004年到2005年時更新節點和鏈接。我想讓節點和鏈接的位置隨着新節點和鏈接的添加而動態變化，但無論舊節點和鏈接的原始位置如何，它們都會立即彈出。

我想我應該將transition()添加到tick()函數，但它不起作用，並導致更多的錯誤。

有什麼建議嗎？提前致謝。

Answer 1

這是邁克·博斯托克的修改力佈局塊例如：

https://bl.ocks.org/mbostock/0adcc447925ffae87975a3a81628a196

這是一個更新的jsfiddle我從你做的一個分叉。主要是我指定的數據鏈路中的一個關鍵功能：

https://jsfiddle.net/eonny83k/1/

var node = g2 
    .attr("class", "nodes") 
    .selectAll("circle") 
    .data(nodeData, function(d) { return d.source + '-' + d.target });