angularjs - getorgchart の使用時に特定のノードに foucs を設定する方法

Question

この getorgchart ライブラリを使用して、アプリケーションで組織図を生成しています。特定のノードを強調表示したいだけです。つまり、アプリケーションにログインしたユーザーのノードを強調表示する必要があります。

Answer 1

// Code goes here

   var orgChart = new getOrgChart(document.getElementById("people"), {
            theme: "monica",
            primaryFields: ["name", "title"],
            photoFields: ["image"],
            gridView: true,
            linkType: "B",
            dataSource: [
                { id: 1, parentId: null, name: "Amber McKenzie", title: "CEO", phone: "678-772-470", mail: "lemmons@jourrapide.com", adress: "Atlanta, GA 30303", image: "images/f-11.jpg" },
                { id: 2, parentId: 1, name: "Ava Field", title: "Paper goods machine setter", phone: "937-912-4971", mail: "anderson@jourrapide.com", image: "images/f-22.jpg" },
                { id: 3, parentId: 1, name: "Evie Johnson", title: "Employer relations representative", phone: "314-722-6164", mail: "thornton@armyspy.com", image: "images/f-24.jpg" },
                { id: 6, parentId: 2, name: "Rebecca Randall", title: "Optometrist", phone: "801-920-9842", mail: "JasonWGoodman@armyspy.com", image: "images/f-8.jpg" },
                { id: 7, parentId: 2, name: "Spencer May", title: "System operator", phone: "Conservation scientist", mail: "hodges@teleworm.us", image: "images/f-7.jpg" },
                { id: 8, parentId: 3, name: "Max Ford", title: "Budget manager", phone: "989-474-8325", mail: "hunter@teleworm.us", image: "images/f-6.jpg" },
                { id: 9, parentId: 3, name: "Riley Bray", title: "Structural metal fabricator", phone: "479-359-2159", image: "images/f-3.jpg" }
            ],

            customize: {
                "1": { color: "green" },
                "2": { theme: "deborah" },
                "3": { theme: "deborah", color: "darkred" }
            }
        });

ここ

customize: {
                    "1": { color: "green" },
                    "2": { theme: "deborah" },
                    "3": { theme: "deborah", color: "darkred" }
                }

ログインデータIDに基づいて特定のIDをカスタマイズできますカスタマイズして強調表示できます