如何在 d3JS 中更改 position 節點的級別

Question

我正在使用 d3js（我是 javascript 中的新功能）創建組織結構圖，查看此示例Interactive d3.js 樹圖，但我想更改節點的 position 級別。 我正在尋找類似的東西：

任何幫助將非常感激。 謝謝。
對不起我的英語

Answer 1

鏈接樣本圍繞 D3 樹布局構建，因此，每個節點的 position 由其父節點定義。

const tree = d3.layout.tree()
    .size([height, width]);

const nodes = tree.nodes(root).reverse()
const links = tree.links(nodes);

您想要實現的與定義的樹布局相矛盾。 換句話說，您只需要構建自己的布局：根據您的指導計算每個節點的x和y位置。

當你有一個節點數組[{x, y, ...}, {x, y, ...}, ...]和鏈接數組[{source: node, target: node}, ...]您可以像在示例中一樣渲染它們（下面的代碼// Update the nodes…行）