orgchart分為三個，並在圖表上顯示Id

Question

這是我的圖表顯示的內容：

這是我的職位表：

我的位置表

真的似乎無法弄清楚問題是什么。

- 我有一個按鈕和一個下拉列表，當從下拉列表中選擇一個項目並選擇了按鈕時，必須顯示一個orgchart。 圖表顯示但問題是：

-orgchart分為三個圖表

- 它不斷顯示一些Id

- 這是我的代碼：

    google.load("visualization", "1", { packages: ["orgchart"] });
    google.setOnLoadCallback(drawChart);

    function drawChart() {
        $("#btnGetOrganogram").on('click', function (e) {
            debugger
            $ddlDepOrgano = $('[id$="ddlDepOrgano"]').val();
            if ($ddlDepOrgano != "") {
                var jsonData = $.ajax({
                    type: "POST",
                    url: '/services/eleaveService.asmx/GetChartData',
                    data: "{'depid':'" + $ddlDepOrgano + "'}",
                    contentType: 'application/json; charset=utf-8',
                    dataType: "json",
                    success: OnSuccess_getOrgData,
                    error: OnErrorCall_getOrgData
                });

                function OnSuccess_getOrgData(repo) {

                    var data = new google.visualization.DataTable(jsonData);
                    data.addColumn('string', 'Name');
                    data.addColumn('string', 'Manager');
                    data.addColumn('string', 'ToolTip');

                    var response = repo.d;
                    for (var i = 0; i < response.length; i++) {
                        var row = new Array();
                        var Pos_Name = response[i].Pos_Name;
                        var Pos_Level = response[i].Pos_Level;
                        var Emp_Name = response[i].Emp_Name;
                        var Pos_ID = response[i].Pos_ID;
                        var Emp_ID = response[i].Emp_ID;
                        data.addRows([[{
                            v: Emp_ID,
                            f: Pos_Name
                        }, Pos_Level, Emp_Name]]);

                    }

                    var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
                    chart.draw(data,{ allowHtml: true });
                }

                function OnErrorCall_getOrgData() {
                    console.log("something went wrong ");
                }
            } else {
                bootbox.alert("Invalid Department Name please try again.");
            }
            e.preventDefault();
        });
    }

Answer 1

根據數據格式 ， 第1列應該是管理器的ID，用於構建樹...

第1列 - [可選]父節點的ID。 這應該是另一行的第0列的未格式化值。 保留未指定的根節點。

查看發布的數據表圖像，這應該在列 - > Mngr_ID

因此，在加載數據時建議進行以下更改...

for (var i = 0; i < response.length; i++) {
    var row = new Array();
    var Pos_Name = response[i].Pos_Name;
    var Emp_Name = response[i].Emp_Name;
    var Emp_ID = response[i].Emp_ID;
    var Mngr_ID = response[i].Mngr_ID;
    data.addRow([
      {
        v: Emp_ID,
        f: Pos_Name
      },
      Mngr_ID,
      Emp_Name
    ]);
}