Question

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

此示例中有两年的数据，我希望在2004年到2005年时更新节点和链接。我想在添加新节点和链接时使节点和链接的位置动态变化，但是无论旧节点和链接的原始位置如何，它们都会立即弹出。

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

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

Answer 1

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

这是一个更新的jsfiddle，我从你制作的那个分叉。大多数情况下，我在数据链接中指定了一个关键功能：

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