2017-04-05 69 views
0

我使用google annotatedtimeline作为监视传感器的设备。我使用mqtt python脚本将数据发送到MYSQL数据库。所以我从数据库收到我的timeline数据。我有单独的传感器流量传感器和仪表传感器,我希望它们都在时间轴上显示,所以我使用数据连接。问题是,传感器等时线的提前开始或更高版本,像这样:Google Annotatedtimeline数据被时间戳搞乱

enter image description here

正如你所看到的蓝线起步较晚不是红色的。 具体来说,红色是米,蓝色是流动。

现在,我的数据是这样的:

function drawChart() 
    { 

     var data = new google.visualization.DataTable(); 
     data.addColumn('datetime', 'Aeg'); 
     data.addColumn('number', 'Vooluandur C200'); 
     data.addColumn('string', 'Nimi'); 
         data.addRows([ 
      [new Date(2017,3,05,14,10,48),10,undefined], 
      [new Date(2017,3,05,14,10,47),9,undefined], 
      [new Date(2017,3,05,14,10,47),10,undefined], 
      [new Date(2017,3,05,14,10,46),10,undefined], 
      [new Date(2017,3,05,14,10,46),9,undefined], 
      [new Date(2017,3,05,14,10,43),11,undefined], 
      [new Date(2017,3,05,14,10,43),10,undefined], 
      [new Date(2017,3,05,14,10,42),9,undefined], 
      [new Date(2017,3,05,14,10,42),11,undefined], 
      [new Date(2017,3,05,14,10,41),8,undefined], 
      [new Date(2017,3,05,14,10,41),9,undefined], 
      [new Date(2017,3,05,14,10,39),10,undefined], 
      [new Date(2017,3,05,14,10,39),8,undefined], 
      [new Date(2017,3,05,14,10,38),11,undefined], 
      [new Date(2017,3,05,14,10,38),10,undefined], 
      [new Date(2017,3,05,14,10,37),10,undefined], 
      [new Date(2017,3,05,14,10,37),11,undefined], 
      [new Date(2017,3,05,14,10,36),9,undefined], 
      [new Date(2017,3,05,14,10,36),10,undefined] 
]); 


     var data2 = new google.visualization.DataTable(); 
     data2.addColumn('datetime', 'Aeg'); 
     data2.addColumn('number', 'Kooder'); 
     data2.addColumn('string', 'Nimi'); 
         data2.addRows([ 
      [new Date(2017,3,05,14,10,48),0,undefined], 
      [new Date(2017,3,05,14,10,48),1,undefined], 
      [new Date(2017,3,05,14,10,48),1,undefined], 
      [new Date(2017,3,05,14,10,48),0,undefined], 
      [new Date(2017,3,05,14,10,47),0,undefined], 
      [new Date(2017,3,05,14,10,47),1,undefined], 
      [new Date(2017,3,05,14,10,47),1,undefined], 
      [new Date(2017,3,05,14,10,47),0,undefined], 
      [new Date(2017,3,05,14,10,45),0,undefined], 
      [new Date(2017,3,05,14,10,45),1,undefined], 
      [new Date(2017,3,05,14,10,45),1,undefined], 
      [new Date(2017,3,05,14,10,45),0,undefined], 
      [new Date(2017,3,05,14,10,43),0,undefined], 
      [new Date(2017,3,05,14,10,43),1,undefined], 
      [new Date(2017,3,05,14,10,43),1,undefined], 
      [new Date(2017,3,05,14,10,43),0,undefined], 
      [new Date(2017,3,05,14,10,42),0,undefined], 
      [new Date(2017,3,05,14,10,42),1,undefined], 
      [new Date(2017,3,05,14,10,42),1,undefined], 
      [new Date(2017,3,05,14,10,42),0,undefined], 
      [new Date(2017,3,05,14,10,40),0,undefined], 
      [new Date(2017,3,05,14,10,40),1,undefined], 
      [new Date(2017,3,05,14,10,40),1,undefined], 
      [new Date(2017,3,05,14,10,40),0,undefined], 
      [new Date(2017,3,05,14,10,38),0,undefined], 
      [new Date(2017,3,05,14,10,38),1,undefined], 
      [new Date(2017,3,05,14,10,38),1,undefined], 
      [new Date(2017,3,05,14,10,38),0,undefined], 
      [new Date(2017,3,05,14,10,37),0,undefined], 
      [new Date(2017,3,05,14,10,37),1,undefined], 
      [new Date(2017,3,05,14,10,37),1,undefined], 
      [new Date(2017,3,05,14,10,37),0,undefined], 
      [new Date(2017,3,05,14,10,35),0,undefined], 
      [new Date(2017,3,05,14,10,35),1,undefined], 
      [new Date(2017,3,05,14,10,35),1,undefined], 
      [new Date(2017,3,05,14,10,35),0,undefined], 
      [new Date(2017,3,05,14,10,33),0,undefined], 
      [new Date(2017,3,05,14,10,33),1,undefined], 
      [new Date(2017,3,05,14,10,33),1,undefined], 
      [new Date(2017,3,05,14,10,33),0,undefined] 
]); 


     var joinedData = google.visualization.data.join(data, data2, 'full', [[0, 0]], [1], [1]);   




     var options = { 
      thickness: 3, displayExactValues:true, displayAnnotations:true 
      }; 

     var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('d3x')); 


     chart.draw(joinedData, options);       
     } 

通过使用SQL查询,像这样:

SELECT r.id,r.device_id as device,r.sensor_id as sensor,r.timestamp as aeg2,r.timestamp as aeg,r.value_int as lugem from readings r 
    where r.sensor_id="2" 
    ORDER BY r.id desc limit 10 
SELECT timestamp as aeg,value_int as lugem,value_string as lugem2,r.device_id as device,r.timestamp as aeg2,r.id,r.sensor_id as sensor 
    FROM readings r 
    WHERE r.sensor_id="1" order by r.id desc limit 10 

我该如何编辑与PHP的数据:

foreach ($result as $row){ 
       $i++; 
       $date = date("Y,m,d,H,i,s", strtotime($row["aeg"])); 
       $mod_date = substr_replace($date, intval(substr($date, 5,2))-1, 5,2) ; 


      if($andur=="1" or $andur=="1, 2"){ 
       $andmed.= "\t\t\t[new Date(" . $mod_date . ")," . $row["lugem"] .",undefined],\n"; 

       if($i > 1 or $i==x) 
       { 
        $andmed.= "\t\t\t[new Date(" . $mod_date . ")," . $eelminelugem . ",undefined],\n"; 
       }  

        $eelminelugem = $row["lugem"]; 

       $tootlikkus+= $row["lugem"]; 
       if ($row["lugem"]<10) $seisuaeg++; 

      } 
      } 

      foreach ($resultt as $roww){ 

       $datee2= date("Y,m,d,H,i,s",strtotime($roww["aeg2"]) +0.9); 
       $datee = date("Y,m,d,H,i,s", strtotime($roww["aeg2"])); 
       // Google Viz bugi, et kuu väärtused algavad 0st mitte 1-st. 
       $mod_date = substr_replace($datee, intval(substr($datee, 5,2))-1, 5,2) ; 
       $uus_date = substr_replace($datee2, intval(substr($datee2, 5,2))-1, 5,2) ; 

      if($andur=="2" or $andur=="1, 2"){ 
       $andmed2.= "\t\t\t[new Date(" . $mod_date . "),0,undefined],\n"; 

       $andmed2.= "\t\t\t[new Date(" . $mod_date . ")," . $roww["lugem"] .",undefined],\n"; 

       $andmed2.= "\t\t\t[new Date(" . $uus_date. ")," . $roww["lugem"] .",undefined],\n"; 

       $andmed2.= "\t\t\t[new Date(" . $uus_date . "),0,undefined],\n"; 

       $tootlikkus+= $roww["lugem"]; 
       if ($roww["lugem"]<10) $seisuaeg++; 

       } 


     } 

有应该是我的时间戳的问题,因为如果我执行了对phpmyadmin的查询,它总是给出传感器时间戳值d或早于预期结束。所以..我的SQL查询是否有问题,或者我没有用别的方法做对吗?

回答

0

推荐两个SQL语句的一个结合,
这将防止返回时间戳

的不同范围的尝试类似下面...

SELECT 
    r.timestamp as aeg, 
    r.id, 
    r.device_id as device, 
    r.sensor_id as sensor, 
    CASE WHEN 
    r.sensor_id = "1" 
    THEN 
    r.value_int 
    ELSE 
    0 
    END as lugem1, 
    CASE WHEN 
    r.sensor_id = "2" 
    THEN 
    r.value_int 
    ELSE 
    0 
    END as lugem2 
FROM 
    readings r 
ORDER BY 
    r.id desc 
LIMIT 10 

,或者您可能希望聚合.. 。

SELECT 
    r.timestamp as aeg, 
    r.id, 
    r.device_id as device, 
    r.sensor_id as sensor, 
    SUM (
    CASE WHEN 
     r.sensor_id = "1" 
    THEN 
     r.value_int 
    ELSE 
     0 
    END 
) as lugem1, 
    SUM (
    CASE WHEN 
     r.sensor_id = "2" 
    THEN 
     r.value_int 
    ELSE 
     0 
    END 
) as lugem2 
FROM 
    readings r 
GROUP BY 
    r.timestamp, 
    r.id, 
    r.device_id, 
    r.sensor_id 
ORDER BY 
    r.id desc 
LIMIT 10 
+0

对不起,没有回答,那是工作,但仍然有一些问题,关闭图表合并和g关闭图表。在我的情况下,我通过使用sql BETWEEN时间戳解决了我的问题 – Somepub