我是 Google Charts API 的新手。我正在按照一些示例创建具有搜索功能的图表,涉及 XAMPP 上的 MySQL,但它只返回“选项部分”和“无数据”消息。
我测试了 SQL 查询,它有效。
我的代码:
<?php
include("config.php");
$query1 = "SELECT partido, COUNT(*) as num_faltas FROM reuniao WHERE presenca LIKE '%Injustific%' GROUP BY partido";
$query2 = "SELECT DISTINCT partido FROM reuniao";
$result1 = mysqli_query($conn, $query1);
while ($row = mysqli_fetch_array($result1)) {
echo "['" . $row['partido'] . "'," . $row['num_faltas'] . "],";
}
?>
<!DOCTYPE HTML>
<html>
<head>
<title> Graficos </title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
// Load the Visualization API and the corechart package.
google.charts.load('current', {'packages': ['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.arrayToDataTable([
['Partido', 'Faltas injustificadas'],
<?php
while ($row = mysqli_fetch_array($result1)) {
echo "['" . $row['partido'] . "'," . $row['num_faltas'] . "],";
}
?>
]);
var options = {'title': 'Numero de Faltas injustificadas por Partido'};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div style="width: 900px;">
<div id="piechart" style="width: 900px; height: 500px;"></div>
</div>
</body>
</html>
最佳答案
我更改了代码,它正在运行:
var data = new google.visualization.arrayToDataTable([
['Partido', 'Faltas injustificadas'],
<?php
$query1 = "SELECT partido, COUNT(*) as num_faltas FROM reuniao
WHERE presenca LIKE '%Injustific%' GROUP BY partido";
$result1 = mysqli_query($conn, $query1);
while ($row = mysqli_fetch_array($result1)) {
echo "['" . $row['partido'] . "'," . $row['num_faltas'] . "],";
}
?>
]);
关于javascript - 为什么没有数据消息显示? (试图创建谷歌图表),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44220388/