跳到內容

群集

/Chaos - D3.js 資料視覺化庫/Chaos/Eros - D3.js 資料視覺化庫/Chaos/Erebus - D3.js 資料視覺化庫/Chaos/Tartarus - D3.js 資料視覺化庫/Chaos/Gaia - D3.js 資料視覺化庫/Chaos/Gaia/Mountains - D3.js 資料視覺化庫/Chaos/Gaia/Pontus - D3.js 資料視覺化庫/Chaos/Gaia/Uranus - D3.js 資料視覺化庫Eros/Chaos/Eros - D3.js 資料視覺化庫Erebus/Chaos/Erebus - D3.js 資料視覺化庫Tartarus/Chaos/Tartarus - D3.js 資料視覺化庫Mountains/Chaos/Gaia/Mountains - D3.js 資料視覺化庫Pontus/Chaos/Gaia/Pontus - D3.js 資料視覺化庫Uranus/Chaos/Gaia/Uranus - D3.js 資料視覺化庫Chaos/Chaos - D3.js 資料視覺化庫Gaia/Chaos/Gaia - D3.js 資料視覺化庫

範例 · 群集配置會產生 樹狀圖:將樹狀結構的葉節點置於相同深度的節點連結圖。樹狀圖通常比 整齊樹狀圖 較不緊湊,但當所有葉節點都應該在同一層級時很有用,例如階層式群集或 系統發生樹狀圖

cluster()

原始碼 · 建立一個具有預設設定的新群集配置。

cluster(root)

原始碼 · 佈置指定的階層,並在及其後代分配以下屬性

  • 節點.x - 節點的x座標
  • 節點.y - 節點的 y 座標

座標xy表示任意座標系統;例如,您可以將x視為角度,將y視為半徑,以產生徑向佈局。您可能需要在將階層傳遞給叢集佈局之前呼叫.排序

叢集.大小(大小)

原始碼 · 如果指定了大小,則將此叢集佈局的大小設定為指定的兩個數字元素陣列 [寬度, 高度],並傳回此叢集佈局。如果未指定大小,則傳回目前的佈局大小,預設為 [1, 1]。佈局大小為 null 表示將改用節點大小。座標xy表示任意座標系統;例如,要產生徑向佈局,大小 [360, 半徑] 對應於寬度 360° 和深度半徑

叢集.節點大小(大小)

原始碼 · 如果指定了大小,則將此叢集佈局的節點大小設定為指定的兩個數字元素陣列 [寬度, 高度],並傳回此叢集佈局。如果未指定大小,則傳回目前的節點大小,預設為 null。節點大小為 null 表示將改用佈局大小。當指定節點大小時,根節點始終定位於 ⟨0, 0⟩。

叢集.間距(間距)

原始碼 · 如果指定了間距,則將間距存取器設定為指定的函式,並傳回此叢集佈局。如果未指定間距,則傳回目前的間距存取器,預設為

js
function separation(a, b) {
  return a.parent == b.parent ? 1 : 2;
}

間距存取器用於分隔相鄰的葉子。間距函式傳遞兩個葉子ab,且必須傳回所需的間距。這些節點通常是兄弟節點,但如果佈局決定將這些節點相鄰放置,則這些節點可能關係較遠。