如何更改现有D3可视化的数据并执行过渡？

Question

我已经使用以下代码创建了可视化元素，它按预期显示了所有内容：

var linkTopicComments = vis.selectAll(".linktopics")
  .data(topicLinks)
  .enter().append("path")
  .attr("class", "linktopics")
  .attr("d", topicDiagonal)
  .attr("opacity", "0.3");

稍后，我使用以下代码更新关联数据，该代码仅更改x坐标的值。在此代码中，topicLinks是全局的，vis是我的可视化

for (var i = 0; i < topicLinks.length; i++) {
  topicLinks[i].source.x-=25;
}

最后，我使用以下代码更新了可视化：

var linkTopicComments = vis.selectAll(".linktopics")
  .data(topicLinks)
  .transition();

很遗憾，没有任何更新。任何想法如何解决这个问题？

Answer 1

在D3中，selection.transition创建从初始状态到最终状态的转换。例如...