Creating a matrix organizational chart

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.

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:{} }

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

Second, I think that you will find the Org Chart Extras sample, http://gojs.net/latest/samples/orgChartExtras.html, 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 http://gojs.net/latest/learn and the pages at http://gojs.net/latest/intro to learn about relevant topics.

For the TreeLayout, you can play with interactive properties at http://gojs.net/latest/samples/tlayout.html 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.

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.