[英]orgchart splitting into three, and displaying Id's on the chart
Here's what my chart displays: 这是我的图表显示的内容:
Here's my Position tables: 这是我的职位表:
cant really seem to figure out whats the problem. 真的似乎无法弄清楚问题是什么。
-Ive got a button and a dropdown, when an item is selected from the dropdown and button is selected an orgchart must be displayed. - 我有一个按钮和一个下拉列表,当从下拉列表中选择一个项目并选择了按钮时,必须显示一个orgchart。 The chart displays but the problems are:
图表显示但问题是:
-orgchart splitting into three charts -orgchart分为三个图表
-And it keeps showing some Id's - 它不断显示一些Id
-here's my code: - 这是我的代码:
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();
});
}
according to the data format , Column 1 should be the ID of the manager, which is used to build the tree... 根据数据格式 , 第1列应该是管理器的ID,用于构建树...
Column 1 - [optional] The ID of the parent node.
第1列 - [可选]父节点的ID。 This should be the unformatted value from column 0 of another row.
这应该是另一行的第0列的未格式化值。 Leave unspecified for a root node.
保留未指定的根节点。
looking at the data table image posted, this should be in column --> Mngr_ID
查看发布的数据表图像,这应该在列 - >
Mngr_ID
as such, recommend the following changes when loading the data... 因此,在加载数据时建议进行以下更改...
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
]);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.