gpt4 book ai didi

php - 为什么我的图表canvas.js无法与我的MySQL数据库一起使用

转载 作者:行者123 更新时间:2023-11-29 21:07:52 26 4
gpt4 key购买 nike

我有一个小项目。我想使用MySQL数据库通过CanvasJS框架生成图表。

数据库名为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文件的顶部。

关于php - 为什么我的图表canvas.js无法与我的MySQL数据库一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36655942/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com