@walter I think I was able to achieve what I’m looking for using the previous example you had here Setting nodes to specific bands - #14
Here is how my data is structure.
// define the tree node data
nodeDataArray = [
{
key: "_BANDS",
category: "VerticalBands",
itemArray: [
{ visible: false },
{ text: "One" },
{ text: "Two" },
{ text: "Three" }
]
},
{ band: 1, category: "simple", key: "Q0" },
{ band: 2, category: "simple", key: "Q1" },
{ band: 2, category: "simple", key: "Q2" },
{ band: 3, category: "simple", key: "Q3" },
{ band: 3, category: "simple", key: "Q4" },
{ band: 1, category: "simple", key: "Q5" }
];
linkDataArray = [
{from: 'Q0', to: 'Q2'},
{from: 'Q0', to: 'Q1'},
{from: 'Q1', to: 'Q3'},
{from: 'Q5', to: 'Q4'},
];
// this.myDiagram.model = new go.TreeModel(nodearray);
this.myDiagram.model =
$(go.GraphLinksModel,
{
nodeDataArray,
linkDataArray
}
);
I just need to work on the linkTemplate
and style the diagram.