Multi parent

[sergiogomesamkor]

Hello,
Can you give me a tip on how to customize this solution for a node to support multi parent.

[bumbeishvili]

That won't be possible, since the org chart uses a tree algorithm, which expects a single parent.

In general, here is my answer to a similar question on StackOverflow
https://stackoverflow.com/questions/43527019/d3-tree-layout-visualization-inherit-child-with-multiple-parents/43529432#43529432

[bumbeishvili]

FYO, in the new, coming version, we will have multi links functionality. You will be able to specify connections with labels between any nodes

https://github.com/bumbeishvili/d3-organization-chart/blob/ee33e5ed64afa0be1ca2c695ed4d525aae67f98e/tree.html#L138

It will look like this

[bumbeishvili]

It got merged - #70

[TildeWill]

Is there a way to modify the HTML/SVG for the connection? For example, I want to make the line dotted and not have an arrow head.

[bumbeishvili]

Yes, you can override connectionsUpdate method and just uncomment relevant lines

https://stackblitz.com/edit/web-platform-nrybqp

chart.connectionsUpdate(function (d, i, arr) {
            d3.select(this)
              .attr('stroke', (d) => '#152785')
              .attr('stroke-linecap', 'round')
              .attr('stroke-width', (d) => '5')
              .attr('pointer-events', 'none')

              //  .attr("marker-start", d => `url(#${d.from + "_" + d.to})`)
              //  .attr("marker-end", d => `url(#arrow-${d.from + "_" + d.to})`)
              .attr('stroke-dasharray', '20, 20');
          })

[TildeWill]

Perfect! Any way to change the anchor points to the sides of the boxes rather than the top and bottom?

[bumbeishvili]

I don't think so

This is the relevant line if you decide to change source code by yourself

org-chart/src/d3-org-chart.js

Line 775 in 874bae3

return attrs.linkGroupArc({ source: { x: xs, y: ys }, target: { x: xt, y: yt } })