如何在 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…行）