D3 v4 强制布局中节点和链接位置的转换

Question

我正在使用 D3 v4 进行动态社交网络可视化，示例如下：https://jsfiddle.net/wand5r6L/1/。

这个例子中有两年的数据，我想在2004到2005的时候更新节点和链接。我想让节点和链接的位置随着新节点和链接的添加而动态变化，但是无论旧节点和链接的原始位置如何，它们都会立即弹出。

我想我应该将transition() 添加到tick() 函数中，但它不起作用并导致更多错误。

有什么建议吗？提前致谢。

Answer 1

这是来自 Mike Bostock 的修改力布局块示例：

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