Google Charts PHP MySql ошибка
Я пытаюсь создать динамические диаграммы, используя диаграммы Google и PHP MySql.
Вот что я делаю.
Мой PHP, чтобы получить среднее значение столбцов:
<?php
$response = array();
require_once dirname(__FILE__) . '/../includes/DbOperation.php';
// opening db connection
$db = new DbOperation();
if($db->averageAll()){
$response['error']=false;
$response['message']='Team added successfully';
}else{
$response['error']=true;
$response['message']='Could not add team';
}
?>
В коде DbOperations у меня есть функция под названием averageAll ():
// My PHP Function
public function averageAll(){
$query = "SELECT AVG(concept1) AS c1, AVG(concept2) AS c2, AVG(concept3) AS c3, AVG(concept4) AS c4, AVG(concept5) AS c5, AVG(concept6) AS c6 FROM KeyPad";
if ($stmt = $this->conn->prepare($query)) {
$alldata = array();
$stmt->execute();
$stmt->bind_result($c1, $c2, $c3, $c4, $c5, $c6);
while ($stmt->fetch()) {
$tempArr = array();
array_push($tempArr, array("label" => "Concept", "type" =>"String"));
array_push($tempArr, array("label" => "Time", "type" =>"number"));
array_push($alldata, $tempArr);
array_push($alldata, array("C1", $c1));
}
echo json_encode($alldata, JSON_NUMERIC_CHECK);
$stmt->close();
}
$this->conn->close();
}
Когда я запускаю этот код, я получаю результаты в следующем формате json:
[
[
{label: "Concept",type: "String"},
{label: "Time", type: "number"}
],
["C1", 2.8890909090909],
["C2", 1.28376],
]
Теперь мои диаграммы HTML выглядят так:
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
//alert(result);
var jsonData = $.ajax({
url: "http://www.ssdesigninteractive.com/keypad/api/readaverage.php",
dataType: "json",
async: false
}).responseText;
var data = google.visualization.DataTable(jsonData);
var options = {
title: 'Company Performance',
curveType: 'function',
legend: { position: 'bottom' }
};
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="curve_chart" style="width: 900px; height: 500px"></div>
</body>
</html>
Когда я запускаю HTML, я получаю следующую ошибку в консоли Chrome:
Uncaught (in promise) Error: Not an array
at gvjs_Fba (jsapi_compiled_default_module.js:84)
at new gvjs_8m (jsapi_compiled_default_module.js:86)
at drawChart (gChart.html:19)
at <anonymous>
Моя строка: 19 это код:
var data = google.visualization.DataTable(jsonData);
Я попробовал оба подхода, «DataTable», а также «arrayToDataTable». Оба не работают.
Может ли кто-нибудь помочь мне выяснить, что я могу делать неправильно?
Благодарю.
Решение
Похоже, вы используете неправильный синтаксис для получения responseText, Увидеть Как я могу получить ответный текст из ajax / jquery?
Другие решения
Других решений пока нет …