Javascript d3力定向图,聚焦于节点双击

Javascript d3力定向图,聚焦于节点双击,javascript,d3.js,Javascript,D3.js,我已经把我的d3从版本3切换到了版本4,正如你所知,它们之间有很多突破性的变化。 在版本4中,我创建了以下d3图: 这实际上工作得很好,但我面临的挑战是,当我双击一个节点时,我希望它只关注单击的节点及其所有直接连接的节点。。。大概是这样的: 我在这里困惑我怎么能做到这一点。。。 A.我是否需要删除所有其他节点并重新绘制图表? B我是否应该以某种方式隐藏节点和链接(如何隐藏?),只让聚焦(并连接到它)节点在中心可见 有人能帮忙吗。被这个问题弄糊涂了。您已经编写了一个巨大的图形,您所询问的功能9

我已经把我的d3从版本3切换到了版本4,正如你所知,它们之间有很多突破性的变化。 在版本4中,我创建了以下d3图:

这实际上工作得很好,但我面临的挑战是,当我双击一个节点时,我希望它只关注单击的节点及其所有直接连接的节点。。。大概是这样的:

我在这里困惑我怎么能做到这一点。。。 A.我是否需要删除所有其他节点并重新绘制图表? B我是否应该以某种方式隐藏节点和链接(如何隐藏?),只让聚焦(并连接到它)节点在中心可见


有人能帮忙吗。

被这个问题弄糊涂了。您已经编写了一个巨大的图形,您所询问的功能99%都已编写,但它只缺少两件事:

  • 小字体(
    forEach
    用作关键字,而不是方法,第228行)
  • 从不通过事件处理程序分配(第137行)

  • 解决这些问题。

    您可以从这里开始:对不起,我刚刚错过了更改……为了创建plunkr,我复制了我的工作区。这里的forEach实际上是uu.forEach。。。您的更改看起来不错。。。但我认为这只是让节点/链接不可见,我已经尝试过了。。。我实际上是在寻找类似上图的东西,其中节点位于屏幕的中心,所有连接的节点的距离几乎相等。我对这一点不太熟悉,所以不确定我到底如何才能做到这一点