数据库
首页 > 数据库> > php-如何使用“时间”(数据库中的数据,数据类型:timestamp)在Chart JS中绘制图形

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