javascript - 如何将 OrgChart 库与自定义数据源绑定？

Question

我正在使用 OrgChart 库绑定 JSON 数据源，但它返回错误

“$(...).orgChart 不是函数”。

那是数据源：

<link href="~/Content/jquery.orgchart.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="~/Scripts/jquery.orgchart.js"></script>

 <script>
    var dataSource = [
    { id: 1, name: "AAA", Role: "Manager", parent: 0 },
    { id: 2, name: "BBB", Role: "Developer", parent: 1 },
    { id: 3, name: "CCC", Role: "Developer", parent: 1 },
    { id: 4, name: "DDD", Role: "Team Leader", parent: 1 },
    { id: 5, name: "EEE", Role: "Developer", parent: 4 }
    ];
    (function ($) {
        $(function () {
            var org_chart = $('#orgChart').orgChart({
                data: dataScource,
                depth: 4
            });
        });

    })(jQuery);
</script>

如何将此数据源绑定到 OrgLibrary 图表