swimLanesVertical can't complete render the data from server

GoJS
1

i test this demo:Swim Lanes (vertical)
i use in react，the data from server,the data structure such as:
const nodeList=
[ // node data

{ key: “Pool1”, text: “Pool”, isGroup: true, category: “Pool” },

{ key: “Pool2”, text: “Pool2”, isGroup: true, category: “Pool” },

{ key: “Lane1”, text: “Lane1”, isGroup: true, group: “Pool1”, color: “lightblue” },

{ key: “Lane2”, text: “Lane2”, isGroup: true, group: “Pool1”, color: “lightgreen” },

{ key: “Lane3”, text: “Lane3”, isGroup: true, group: “Pool1”, color: “lightyellow” },

{ key: “Lane4”, text: “Lane4”, isGroup: true, group: “Pool1”, color: “orange” },

{ key: “oneA”, group: “Lane1” },

{ key: “oneB”, group: “Lane1” },

{ key: “oneC”, group: “Lane1” },

{ key: “oneD”, group: “Lane1” },

{ key: “twoA”, group: “Lane2” },

{ key: “twoB”, group: “Lane2” },

{ key: “twoC”, group: “Lane2” },

{ key: “twoD”, group: “Lane2” },

{ key: “twoE”, group: “Lane2” },

{ key: “twoF”, group: “Lane2” },

{ key: “twoG”, group: “Lane2” },

{ key: “fourA”, group: “Lane4” },

{ key: “fourB”, group: “Lane4” },

{ key: “fourC”, group: “Lane4” },

{ key: “fourD”, group: “Lane4” },

{ key: “Lane5”, text: “Lane5”, isGroup: true, group: “Pool2”, color: “lightyellow” },

{ key: “Lane6”, text: “Lane6”, isGroup: true, group: “Pool2”, color: “lightgreen” },

{ key: “fiveA”, group: “Lane5” },

{ key: “sixA”, group: “Lane6” }

];

const linkList= [ // link data

{ from: “oneA”, to: “oneB” },

{ from: “oneA”, to: “oneC” },

{ from: “oneB”, to: “oneD” },

{ from: “oneC”, to: “oneD” },

{ from: “twoA”, to: “twoB” },

{ from: “twoA”, to: “twoC” },

{ from: “twoA”, to: “twoF” },

{ from: “twoB”, to: “twoD” },

{ from: “twoC”, to: “twoD” },

{ from: “twoD”, to: “twoG” },

{ from: “twoE”, to: “twoG” },

{ from: “twoF”, to: “twoG” },

{ from: “fourA”, to: “fourB” },

{ from: “fourB”, to: “fourC” },

{ from: “fourC”, to: “fourD” }

];

but it can’t complete render the data
1

but when i hard-coded the data in the page,it can redner normal;

2
2891×431 37.1 KB

how can i solve this problem,thanks?

2

Well, the Pool and Lane information is part of the model, so if you see those things, you know that part of the model is rendering faithfully. It’s as if all of the regular Nodes and Links are missing for some reason. Alas I have no idea why that would be in your app. I guess the first thing to check is the Model.nodeDataArray to see if everything is there that you would expect to be there.