Javascript d3js-为树结构设置动画

Javascript d3js-为树结构设置动画,javascript,tree,d3.js,transition,Javascript,Tree,D3.js,Transition,我使用的是d3.js()中的径向树示例,当您单击一个节点时,它应该移动到中心(将其设置为新根)。我想从一个树结构平稳过渡到另一个树结构,但我根本无法让它工作。可以识别单击,但我不确定如何转换节点。有人能给我解释一下完成这项工作的步骤吗,或者在这里链接一个简短的例子吗?我不知道这是否有帮助,但你可以看看这个:。在本例中,单击的节点不会移动到中心,但本质上您仍然需要进行一些类似的转换,只是您必须调整节点的位置以使其位于中心(变换的坐标略有不同)。我不知道这是否有帮助,但您可以查看以下内容:。在本例中

我使用的是d3.js()中的径向树示例,当您单击一个节点时,它应该移动到中心(将其设置为新根)。我想从一个树结构平稳过渡到另一个树结构,但我根本无法让它工作。可以识别单击,但我不确定如何转换节点。有人能给我解释一下完成这项工作的步骤吗,或者在这里链接一个简短的例子吗?

我不知道这是否有帮助,但你可以看看这个:。在本例中,单击的节点不会移动到中心,但本质上您仍然需要进行一些类似的转换,只是您必须调整节点的位置以使其位于中心(变换的坐标略有不同)。

我不知道这是否有帮助,但您可以查看以下内容:。在本例中,单击的节点不会移动到中心,但本质上您仍然需要进行一些类似的转换,只是您必须调整节点的位置,使其位于中心(变换的坐标稍有不同)。

可能的解决方案:找到单击节点的位移;然后选择所有节点,并应用转换:从每个节点减去位移。可能的解决方案:找到单击节点的位移;然后选择所有节点,并应用过渡:从每个节点减去位移。