d3.js - 单击节点时居中 D3 力布局图

Question

我正在尝试创建一个在点击时重新居中的力图。

我正在关注 this作为基础:



我尝试调整点击功能设置d.fixed=true并为 d.x 分配固定点和 d.y .

但是，我需要转d.fixed=false对于所有其他节点。此外，节点不会在单击时过渡到中心。

我的问题是如何将所有其他固定属性设置为 false，然后使用新中心重新绘制力图？

我准备了一个例子here :



点击功能相当简单:

  function click(d) {
        d.fixed=true;
        d.x=10;
        d.y=10;
        update();
    }

我尝试将其添加到函数中:

root.forEach(function (d) { d.fixed = false; });

Answer 1

您可以使用 force.nodes() 访问节点并迭代设置 fixed归因于 false .

force.nodes().forEach(function(d) { d.fixed = false; });

然后更新图表。我 fork 了你的例子 here并添加了一个重新启动强制布局的双击监听器。问候，