php-如何使用“时间”(数据库中的数据,数据类型:timestamp)在Chart JS中绘制图形
作者:互联网
传感器设备(温度传感器)每10秒向数据库发送一次数据.我必须在一天的时间和温度之间绘制一个图(最新数据).我设法从数据库中获取数据.问题是因为我有大量的时间数据以及如何使用它来标记Y轴.日期和时间的格式为2019-04-09 12:28:36.但是我可以提取时间.但是仍然如何在一个(Y)轴上使用时间.我的代码显示错误Uncaught SyntaxError:意外令牌:
// php
$sql = "SELECT TIME(Date_Time) as TIME , Temperature FROM dataTable WHERE Date_Time>= (CURDATE() - INTERVAL 1 DAY ) ORDER BY Date_Time DESC ";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$tempValue =$row['Temperature'];
$timeInterval=$row['TIME'];
$tempValues =$tempValues. $tempValue. ',';
$timeIntervals =$timeIntervals. $timeInterval. ',';
}
$tempValues =trim ($tempValues, ",");
$timeIntervals= trim ($timeIntervals,"," );
// JavaScript
var myChart = document.getElementById('myChart').getContext('2d');
var data = {
datasets: [{
data: [<?php echo $tempValues ?>],
backgroundColor: 'transparent',
borderColor:'rgba(255,99,132)',
borderWidth:5,
label: 'Temperature in degree'
}],
//error in the following line !
labels: [<?php echo $timeIntervals ?>]
};
var particleChart =new Chart(myChart, {
type:'line',
data: data
});
解决方法:
标签必须是字符串.以此方式建立$timeIntervals …
$timeIntervals = $timeIntervals . '"' . $timeInterval . '",';
…以便将日期时间值包装在双引号之间.
标签:chart-js,html,php 来源: https://codeday.me/bug/20191108/2005830.html