我从我的网站上的编码中获取报告作为输出。在我的报告中,当我通过护照/ IC搜索时,我可以获取数据,但是当我在Google柱形图中应用此代码时,它不起作用。它显示一个错误。我第一次使用谷歌柱形图。我没有找到解决此错误的方法。谁能帮我吗?预先感谢。
这里是我的密码
<?php
$db = new PDO('mysql:dbname=mypro_bms;host=localhost', 'root', '');
$people = [];
if (!empty($_GET['q'])) {
$count='count';
$sum='sum';
$stmt=$db->prepare("SELECT passport_IC,sum(blood_bag) as sum FROM donate
where passport_IC like :passport_IC GROUP BY passport_IC ");
$stmt->execute([
':passport_IC' => '%' . $_GET['q'] .'%'
]);
$people = $stmt->fetchAll(PDO::FETCH_OBJ);
}
?>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['passport_IC', 'sum' ],
]);
var options = {
title: 'Blood Volume Rate',
is3D: true,
};
var chart = new google.visualization.ColumnChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<center><body>
<body>
<div class="panel panel-default">
<div class="container mt-5">
<div class="card">
<div class="card-header" style="background-color: none; border-radius: 5px">
<center><h2><strong>All Donors Record</strong></h2></center>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6 mx-auto">
<form class="my-4">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Enter Passport/IC.....">
<div class="input-group-append">
<button type="submit" class="btn btn-info">Check</button>
</div>
</div>
</form>
</div>
</div><br>
<div id="piechart" style="width: 900px; height: 500px;"></div>
<?php foreach($people as $donors): ?>
<?= $donors->passport_IC; ?>
<?= $donors->sum; ?>
<?php endforeach; ?>
</body></center>
</html>