如何使用Google Charts中的日期和时间

时间:2017-03-14 21:15:53

标签: javascript php mysql google-visualization

我正在尝试使用Google Charts在Scatter图上使用MySQL TimeStamp作为X轴。目前,我设法使用strtotime()函数设法显示它的唯一方法。这会使图形或我混淆为strtotime()函数显示从1970年1月1日开始的几秒钟。

新日期(2017-03-07 02:03:12)] YYYY-MM-DD HH:ii:SS这是我的时间戳的日期格式如果我这样离开它然后我得到错误。只有当我将时间改为strtotime()时才有效。但图表没有正确显示时间。还有另一种显示时间戳的方法。由于谷歌上的文档没有多大意义。

       function drawChart() {
   var data = new google.visualization.DataTable();
    data.addColumn('number', 'Distance');
    data.addColumn('datetime', 'time');

    data.addRows([


    <?php
    $query = "SELECT * FROM iot_sensors WHERE Sensor_ID ='Ultra_Dist'";
    $execute = mysqli_query($conn, $query);

        while ($row = mysqli_fetch_array($execute)){

            $date = strtotime($row['Time_Stamp']);

            echo "[".$row['Sensor_1'].", new Date(".$date.")],";

    $Trimmed = trim($row['Time_Stamp']);
    //echo $Trimmed; 

  }
    ?>  
]);

 var options = {
  width: 800,
  height: 500,
  chart: {
    title: 'Frequency of movement by time',
    subtitle: 'Frequency of movement'
  },
  hAxis: {title: 'Distance'},
  vAxis: {title: 'time'}
};

这是我的代码,它从我的表中检索Time_Stamp和其他值,并将其放在一个数组中供图表使用。

1 个答案:

答案 0 :(得分:0)

  <?php
    $query = "SELECT * FROM iot_sensors WHERE Sensor_ID ='Ultra_Dist'";
    $execute = mysqli_query($conn, $query);

        while ($row = mysqli_fetch_array($execute)){

            $date = ($row['Time_Stamp']);
            $date2 = new DateTime($date);
            $date3 = date_format($date2, 'Y,m,d,H,i,s');

            echo "[new Date(".$date3."),".$row['Sensor_1']."],";  
  }
    ?>  

将日期放在新的Date()对象中,然后将其重新格式化为可接受的格式,然后在数组中回显日期。