Creating a matrix organizational chart

GoJS
1

Hi
I want create a matrix organizational chart, as shown by the data below, I managed to create a lot of effort, but it did not.

sample.jpg963×498 23.6 KB

Data:
{ key: ‘1’, parent: ‘’, name: ‘CEO’,mparent:{} }
{ key: ‘2’, parent: ‘1’, name: ‘A’,mparent:{} }
{ key: ‘3’, parent: ‘2’, name: ‘B’,mparent:{} }
{ key: ‘4’, parent: ‘2’, name: ‘C’,mparent:{5,7} }
{ key: ‘5’, parent: ‘1’, name: ‘D’,mparent:{} }
{ key: ‘6’, parent: ‘5’, name: ‘E’,mparent:{} }
{ key: ‘7’, parent: ‘1’, name: ‘F’,mparent:{} }

2

First, I’ll mention that “{ 5, 7 }” is not valid JavaScript.

Second, I think that you will find the Org Chart Extras sample, Org Chart Extras, useful. Basically you’ll want to use two different Link templates – one with solid lines that forms a tree structure that can be laid out by TreeLayout, and one with dashed lines with Link.isTreeLink and Link.isLayoutPositioned set to false.

I assume you know enough about GoJS Panels to figure out how to define your node template. Read Get Started with GoJS and the pages at GoJS Introduction -- Northwoods Software to learn about relevant topics.

For the TreeLayout, you can play with interactive properties at Tree Layout to learn about how the properties work. But looking at your screenshot it isn’t clear to me exactly what rules you want to use to guide the layout.

3

Hi, Right :grinning: ,this is a sample data that I got from my friend, isn’t in js.
Thank you very much for the tips and I hope that my problem was resolved.