d3.js - d3js 中从一个强制有向图到另一个图的转换

Question

我有两个相同节点的可折叠力树。

我还没有看到我们可以通过 d3js 中的节点转换和边重建从一棵树转换到另一棵树的示例。

有什么办法可以做到这一点吗？

另一个相关问题，我们可以初始化强制有向图的每个节点的位置吗？

编辑:这是一个 example 。我有两棵树，链接是一棵，我还有另一棵具有相同分子但不同树结构的树。我想如果我可以在不同的树之间为相同的分子或实体制作动画那就太好了。

Answer 1

原则上，这些是要遵循的步骤。

• 停止强制布局以卡住节点的位置。
• 消失链接(例如淡出)。
• 将节点转移到新位置。这可以通过在旧数据上设置新位置或完全更改数据，然后使用与带有过渡的强制布局的 tick 处理程序中相同的代码来完成。
• 重新添加链接。
• 如果新布局也使用强制布局，请启动它。

我已经实现了一个例子 here 。我使用两组数据和两种力布局。首先，仅显示第一个强制布局的节点和链接，第二个仅在后台运行。然后，第一个停止，我按照上面概述的步骤进行操作。

这不会满足所有要求(例如，关于节点应如何转换)，但可以用作此类实现的起点。