У меня есть маленький проект. Я хочу сгенерировать диаграмму с помощью инфраструктуры CanvasJS, используя базу данных MySQL.
База данных называется sti2d, а таблица называется sin_project.
Он содержит это:
mysql> SELECT * FROM sin_project;
+------+-------------------+-------------+
| id | wall | temperature |
+------+-------------------+-------------+
| 2 | Brique Pleine | 19.82 |
| 3 | Brique Creuse | 0.00 |
| 4 | Béton Cellulaire | 0.00 |
| 5 | Intérieur Maison | 0.00 |
| 1 | Parpaing | 0.00 |
+------+-------------------+-------------+
5 rows in set (0.00 sec)
Я использую файл с именем data.php, чтобы сделать 2 действия. Прочитайте таблицу sql и верните информацию JSON данных таблицы.
Файл data.php находится здесь:
<?php
header('Content-Type: application/json');
$con = mysqli_connect("localhost","root","mypasswd","sti2d");
// Check connection
if (mysqli_connect_errno($con))
{
echo "Failed to connect to DataBase: " . mysqli_connect_error();
}else
{
$data_points = array();
$result = mysqli_query($con, "SELECT * FROM sin_project");
while($row = mysqli_fetch_array($result))
{
$point = array("label" => $row['wall'] , "y" => $row['temperature']);
array_push($data_points, $point);
}
echo json_encode($data_points, JSON_NUMERIC_CHECK);
}
mysqli_close($con);
?>
А потом я использую эту страницу, чтобы нарисовать диаграмму
<!DOCTYPE HTML>
<html>
<head>
<script src="other/js/canvasjs.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.getJSON("http://localhost/data.php", function (result) {
var chart = new CanvasJS.Chart("chartContainer", {
data: [
{
type:"column",
dataPoints: result
}
]
});
chart.render();
});
});
</script>
</head>
<body>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
</body>
</html>
Но у меня нет графика, и я не вижу свою ошибку.
Идти к ‘Http: //localhost/data.phpв вашем веб-браузере. Посмотрите, если что-нибудь появляется.
Если нет, попробуйте добавить
error_reporting (E_ALL);
В начало вашего файла data.php.
Других решений пока нет …