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 });