Javascript google组织结构图：无法显示组织结构图
这是我的数据库快照：Javascript google组织结构图：无法显示组织结构图,javascript,php,html,google-visualization,Javascript,Php,Html,Google Visualization,这是我的数据库快照： 这是我的代码： <?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)){ $
这是我的代码：
<?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>
load（'current'，{packages:[“orgchart”]}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'name'）；
data.addColumn（'string'，'below_who'）；
data.addColumn（'string'，'ToolTip'）；
data.addRows（）；
var chart=new google.visualization.OrgChart（document.getElementById（'chart_div'））；
chart.draw（数据，{allowtml:true}）；
}
我查阅这些文件已经有一段时间了，但我仍然一窍不通。我猜错误在addRows附近，但我无法跟踪它 在我看来，您的代码没有问题，但问题在于您的数据。您查询的数据如下所示：
所以你看，“Q”的老板是“FTA”，但谷歌的组织结构图却找不到“FTA”。如果您将“FTA”更改为“Pratik”，您将看到神奇的效果。浏览器控制台中有错误吗？请分享一个-->
json\u encode（$data）的示例|name |below_whom|
|-------|----------|
|Pratik | |
|-------|----------|
|Q |FTA |
|-------|----------|