GetOrgChart - 箱子結構

Question

問題是，如果孩子大於30件，那麼最新的箱子升到頂部並破壞整個結構。 我在這裏爲您呈現了一些代碼示例。 請幫助我，我無法詳細解釋問題，因爲我的英語非常糟糕。

dataSource: [ 
       { id: 1, parentId: null, name: "Amber McKenzie"}, 
       { id: 2, parentId: 1, name: "Ava Field"}, 
       { id: 37, parentId: 2, name: "Evie Johnson"}, 
       { id: 3, parentId: 1, name: "Evie Johnson"}, 
       { id: 4, parentId: 1, name: "Evie Johnson"}, 
       { id: 5, parentId: 1, name: "Evie Johnson"}, 
       { id: 6, parentId: 1, name: "Evie Johnson"}, 
       { id: 7, parentId: 1, name: "Evie Johnson"}, 
       { id: 8, parentId: 1, name: "Evie Johnson"}, 
       { id: 9, parentId: 1, name: "Evie Johnson"}, 
       { id: 10, parentId: 1, name: "Evie Johnson"}, 
       { id: 11, parentId: 1, name: "Evie Johnson"}, 
       { id: 12, parentId: 1, name: "Evie Johnson"}, 
       { id: 13, parentId: 1, name: "Evie Johnson"}, 
       { id: 14, parentId: 1, name: "Evie Johnson"}, 
       { id: 15, parentId: 1, name: "Evie Johnson"}, 
       { id: 16, parentId: 1, name: "Evie Johnson"}, 
       { id: 17, parentId: 1, name: "Evie Johnson"}, 
       { id: 18, parentId: 1, name: "Evie Johnson"}, 
       { id: 19, parentId: 1, name: "Evie Johnson"}, 
       { id: 20, parentId: 1, name: "Evie Johnson"}, 
       { id: 21, parentId: 1, name: "Evie Johnson"}, 
       { id: 22, parentId: 1, name: "Evie Johnson"}, 
       { id: 23, parentId: 1, name: "Evie Johnson"}, 
       { id: 24, parentId: 1, name: "Evie Johnson"}, 
       { id: 25, parentId: 1, name: "Evie Johnson"}, 
       { id: 26, parentId: 1, name: "Evie Johnson"}, 
       { id: 27, parentId: 1, name: "Evie Johnson"}, 
       { id: 28, parentId: 1, name: "Evie Johnson"}, 
       { id: 29, parentId: 1, name: "Evie Johnson"}, 
       { id: 30, parentId: 1, name: "Evie Johnson"}, 
       { id: 31, parentId: 1, name: "Evie Johnson"}, 
       { id: 32, parentId: 1, name: "Evie Johnson"} 
      ] 

Answer 1

MAXDEPTH選項的默認值是30.在你情況下，你必須增加它。這裏是一個例子：

 var orgchart = new getOrgChart(document.getElementById("people"), { 
     primaryFields: ["name"], 
     layout: getOrgChart.MIXED_HIERARCHY_RIGHT_LINKS, 
     maxDepth: 50,