Javascript d3力布局中心节点定位

Javascript d3力布局中心节点定位,javascript,css,d3.js,force-layout,Javascript,Css,D3.js,Force Layout,我已经使用d3.js来可视化我的数据。结果是这样的 图1 图2 我的问题是如何使数据像PIC_1一样呈现,中心点在固定位置上是局部的,而中心点周围的其他点(子点)像一个圆 现在,当我刷新页面时,数据将重新加载到浏览器中,所有点的位置也将随机改变 那么,d3的哪些api或技巧可用于此目的: 看看这个例子: 如果您检查代码并使用布局,您将看到根节点经过特殊处理,始终保持在图形的中心(除非您拖动它,但如果您愿意,甚至可以阻止) 初始化时,其属性fixed设置为true,以便d3 force l

我已经使用d3.js来可视化我的数据。结果是这样的

图1

图2

我的问题是如何使数据像PIC_1一样呈现,中心点在固定位置上是局部的,而中心点周围的其他点(子点)像一个圆

现在,当我刷新页面时,数据将重新加载到浏览器中,所有点的位置也将随机改变


那么,d3的哪些api或技巧可用于此目的:

看看这个例子:

如果您检查代码并使用布局,您将看到根节点经过特殊处理,始终保持在图形的中心(除非您拖动它,但如果您愿意,甚至可以阻止)

初始化时,其属性fixed设置为true,以便d3 force layout simulation不会移动它。此外,它位于包含布局的矩形的中心:

root.fixed = true;
root.x = width / 2;
root.y = height / 2;
您当然需要更改或添加一些代码,以便将此功能集成到您的示例中,但从我链接的示例中可以清楚地看到核心思想


希望这有帮助。如果您有问题、需要澄清等,请告诉我。

Thks!这真的很有效!我检查d3的文档,发现节点有一个名为fixed的属性。通过以上方法可以满足我的期望!很抱歉,确认不及时。