如何将特定的力布局d3.js节点转换为特定位置?

时间:2014-07-09 21:25:28

标签: javascript d3.js force-layout

我有一个强制布局,主要节点位于屏幕中心(固定位置),周围是浮动的节点(不固定)。

示例:

enter image description here

当我单击主节点周围的其中一个节点时,我希望单击的节点成为新的主节点。我想将点击的节点设置为页面中心的动画并确定其位置。

点击时,我可以在没有这样动画的情况下居中节点:

force.stop();

d3.select("[title='" + nodeName + "']")
    .classed("fixed", function(d) { return d.fixed = true })
    .attr("transform", "translate("+ (width / 2) +","+ (height / 2) +")")
    .attr("cx",(width / 2))
    .attr("cy",(height / 2));

但是一旦强制布局再次开始,节点就会在居中之前返回到它的位置。

有没有办法在点击时将节点设置为特定坐标?

0 个答案:

没有答案