代码之家 › 专栏 › 技术社区 › 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”。如果你把“自由贸易协定”改成“普拉蒂克”,你会看到魔术的发生。

推荐文章

cmill · Google Visualization第1行不显示。使用时使用ColorFormat()。setProperty()

8 年前

Paul Chris Jones · 在google中包含字符串列。可视化。数据组

8 年前

yash041 · google charts图形设置图例值和相同颜色列

8 年前

I am the Most Stupid Person · 谷歌图表图例位置顶部不工作

8 年前

coolhand · 通过ASP循环。使用Google图表时的NET模型数据

8 年前

ndd · Google ChartWrapper不适用于直方图

8 年前

Nabeel · 显示一些点的Google散点图工具提示

8 年前

fab · Google Charts API:在折线图中显示数据点值

8 年前

StefanN · Google散点图复制相同的域(x轴)值

8 年前

Babasaheb Dhodad Nicholas J. Markkula · 如何将导出csv选项设置为google可视化饼图中的按钮

8 年前