如何在 d3JS 中更改 position 节点的级别

Question

I'm using using d3js (i new in javascript) for create organization chart, looking this example Interactive d3.js tree diagram , but i want to change level position of node. I'm looking for something like:

Any help would be much appreciated. Thanks.
I'm Sorry foy my English

Answer 1

The linked sample is built around D3 tree layout, thus, every node's position is defined by its parent node.

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

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

What you want to achieve contradicts the tree layout by definition . In other words, you just need to build a layout of your own: calculate x and y positions for every node according to your guidelines.

When you have an array of nodes [{x, y, ...}, {x, y, ...}, ...] and array of links [{source: node, target: node}, ...] you can render them exactly like in the sample (the code below // Update the nodes… line)