0
我使用google annotatedtimeline作为监视传感器的设备。我使用mqtt python脚本将数据发送到MYSQL数据库。所以我从数据库收到我的timeline数据。我有单独的传感器流量传感器和仪表传感器,我希望它们都在时间轴上显示,所以我使用数据连接。问题是,传感器等时线的提前开始或更高版本,像这样:Google Annotatedtimeline数据被时间戳搞乱
正如你所看到的蓝线起步较晚不是红色的。 具体来说,红色是米,蓝色是流动。
现在,我的数据是这样的:
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查询是否有问题,或者我没有用别的方法做对吗?
对不起,没有回答,那是工作,但仍然有一些问题,关闭图表合并和g关闭图表。在我的情况下,我通过使用sql BETWEEN时间戳解决了我的问题 – Somepub