Google组织结构图:显示数据库中的图像

时间:2018-06-20 16:09:07

标签: javascript php html google-organization-chart

如何从数据库获取图像?我已经搜索了互联网,但看来,文档很少。我是该领域的新手,是一个全新的人。因此,请帮助我。
数据库快照:link1
片段:

<?php
$db=mysqli_connect("localhost","root","","organisation"); //db connection
$query=mysqli_query($db, "SELECT * FROM orgtesting"); //fetch data
if($query){
$data=[];
while($org_data=mysqli_fetch_assoc($query)){
$data []= [$org_data["id"],$org_data["designation"],$org_data["name"],$org_data["img"]]; //syntax of associative array = $variable["value"]
}

#echo '<pre>'; print_r($data); echo '</pre>';
echo json_encode($data);
}
else {
"Error".mysqli_error();
}
?>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.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('number', 'id');
    data.addColumn('string', 'designation');
    data.addColumn('string', 'name');
    data.addColumn('string', 'img');

    // For each orgchart box, provide the name, manager, and tooltip to show.
    data.addRows(<?php echo json_encode($data); ?>);

    // Create the chart.
        var chart = new google.visualization.OrgChart(document.getElementById('chart_div')); //look at html div
; /* Adds a listener to make a image of chart inside a #graph-images*/
chart.draw(data,{allowHtml:true});
    }
    </script>
    <div id="chart_div"></div>

编写以下代码后:

echo json_encode($data);

这是我得到的操作:
link2 这显然意味着未检测到img。请帮助。 我的结构:
enter image description here

0 个答案:

没有答案