代码之家 › 专栏 › 技术社区 › Bruce

谷歌组织结构图:无法显示组织结构图

google-visualization html php javascript

Bruce · 技术社区 · 8 年前

这是我的数据库快照: link
这是我的代码:

<?php
 $db=mysqli_connect("localhost","root","","organisation"); //db connection
 $query=mysqli_query($db, "SELECT name,below_whom FROM org"); //fetch data
 if($query){
 $data=[];
 while($org_data=mysqli_fetch_assoc($query)){
 $data []= [$org_data["name"],$org_data["below_whom"]]; //syntax of 
 associative array = $variable["value"]
 }
 #echo '<pre>'; print_r($data); echo '</pre>';
 }
 else {
 "Error".mysqli_error();
}
?>
<html>
<head></head>
<body>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {packages:["orgchart"]});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'name');
data.addColumn('string', 'below_whom');
data.addColumn('string', 'ToolTip');
data.addRows(<?php echo json_encode($data); ?>);
var chart = new google.visualization.OrgChart(document.getElementById('chart_div')); 
chart.draw(data, {allowHtml:true});
}
</script>
<div id="chart_div"></div> 
</body>
</html>

我已经看了相当长的一段时间的文件,我仍然一无所知。我想错误就在addrows附近,但我无法追踪。

1 回复 | 直到 8 年前

Tuan 8 年前

在我看来,您的代码没有问题,但是问题在您的数据中。查询的数据如下:

|name   |below_whom|
|-------|----------|
|Pratik |          |
|-------|----------|
|Q      |FTA       |
|-------|----------|

所以你看,“Q”的老板是“FTA”,但谷歌的组织结构图找不到“FTA”。如果你把“自由贸易协定”改成“普拉蒂克”,你会看到魔术的发生。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前