簡體   English   中英

D3徑向力布局

[英]D3 radial force layout

我正在研究一種d3力布局,它需要放置節點,使得有一個中心節點,根據該節點,所有其他節點都是徑向放置的。節點相互鏈接,就像正常的力布局一樣。來源和目標。 中心節點指示所有其他節點的位置,因此基本上它是所有節點的源。 現在我所能做的就是使用linkDistance屬性以一個節點作為參考以線性方式放置它們,但我需要它以徑向方式。 我本來可以展示一張圖片,但顯然我的聲譽太低了,而且我不被允許發布一張圖片。有人可以幫我解決這個問題嗎?

看看這個例子:

鏈接到jsfiddle

在此輸入圖像描述

中央(根)節點具有特殊處理,使其始終保持在圖形的中心。 在初始化時,中心節點的fixed屬性設置為true,因此d3強制布局模擬不會移動它。 此外,它被放置在包含布局的矩形的中心:

root.fixed = true;
root.x = width / 2;
root.y = height / 2;

希望這可以幫助。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM