0

http://www.getorgchart.comでこの組織図ライブラリを使用しようとしています。

少数のノードで問題なく動作しますが、組織全体 (いくつかのネストされたレベルを持つ約 1100 件のサブジェクト) をロードしようとすると、次のコンソール エラーが発生します。

キャッチされていない TypeError: null のプロパティ '_aZ' を読み取ることができません

また、チャートの表示に失敗します。

どんな助けも高く評価されます。ありがとう！

4

2 に答える 2

3

いくつかの調査の後、私はこれを解決しました。

問題は、最初に親によって順序付けられた dataSource が必要なことです (これはドキュメントには記載されていません)。クライアントオンライン デモの初期化でこの例を見てみましょう。


    $('#people').getOrgChart({
    theme: "vivian",
    primaryColumns: ["name", "title", "phone", "mail", "postcode"],
    imageColumn: "image",
    gridView: true,
    dataSource:[            
        { id: 1, parentId: null, name: "Elizabeth Horton", title: "Founder", phone: "(03) 9252 4642" , image: "images/f-46.jpg", mail:"elizabeth.horton@live.com", postcode: "PH2 2SR" },
        { id: 2, parentId: 1, name: "Emily Horton", title: "Fork lift operator", phone: "(08) 9015 4407", image: "images/f-45.jpg", mail:"emily.horton@live.com", postcode: "BA5 0AP"  },
        { id: 3, parentId: 1, name: "Robert Nolan", title: "Blockmason", phone: "(02) 6747 7998", image: "images/f-41.jpg", mail:"robert.nolan@live.com", postcode: "BH9 4NG"  },
        { id: 4, parentId: 1, name: "Callum Anderson", title: "System operator", phone: "(03) 5314 0473", image: "images/f-43.jpg", mail:"callum.anderson@live.com", postcode: "HR6 8ZF"  },
        { id: 5, parentId: 4, name: "Courtney John", title: "System operator", phone: "(03) 5314 0473", image: "images/f-42.jpg", mail:"courtney.john@live.com", postcode: "OL4 6WF"  }
    ]
});

組織の長であるエリザベス ホートンの順序をdataSource の一番下に変更すると、次のようになります。


$('#people').getOrgChart({
    theme: "vivian",
    primaryColumns: ["name", "title", "phone", "mail", "postcode"],
    imageColumn: "image",
    gridView: true,
    dataSource:[            
        { id: 2, parentId: 1, name: "Emily Horton", title: "Fork lift operator", phone: "(08) 9015 4407", image: "images/f-45.jpg", mail:"emily.horton@live.com", postcode: "BA5 0AP"  },
        { id: 3, parentId: 1, name: "Robert Nolan", title: "Blockmason", phone: "(02) 6747 7998", image: "images/f-41.jpg", mail:"robert.nolan@live.com", postcode: "BH9 4NG"  },
        { id: 4, parentId: 1, name: "Callum Anderson", title: "System operator", phone: "(03) 5314 0473", image: "images/f-43.jpg", mail:"callum.anderson@live.com", postcode: "HR6 8ZF"  },
        { id: 5, parentId: 4, name: "Courtney John", title: "System operator", phone: "(03) 5314 0473", image: "images/f-42.jpg", mail:"courtney.john@live.com", postcode: "OL4 6WF"  },
        { id: 1, parentId: null, name: "Elizabeth Horton", title: "Founder", phone: "(03) 9252 4642" , image: "images/f-46.jpg", mail:"elizabeth.horton@live.com", postcode: "PH2 2SR" }
    ]
});

このエラーが発生しました：

キャッチされていない TypeError: null のプロパティ '_aZ' を読み取ることができません

ですから、私自身の質問に答えることが、同じ問題を抱えている他の人に役立つことを願っています.

乾杯！

于 2015-08-26T19:04:06.997 に答える