Added EspEasy (garden) handlers.
Added garden chart; GetDevice messages has days filter; Fixed charts & newchart data added.
This commit is contained in:
@@ -8,6 +8,7 @@
|
||||
window.onload = function () {
|
||||
var dataPoints1 = [];
|
||||
var dataPoints2 = [];
|
||||
var dataPoints3 = [];
|
||||
/*{ x: new Date(2017, 0, 3), y: 650 },
|
||||
{ x: new Date(2017, 0, 4), y: 700 },
|
||||
*/
|
||||
@@ -25,6 +26,16 @@
|
||||
text: "X Axis scale is Logarithmic",
|
||||
fontSize: 14
|
||||
}],*/
|
||||
toolTip:{
|
||||
shared:true
|
||||
},
|
||||
legend:{
|
||||
cursor:"pointer",
|
||||
verticalAlign: "bottom",
|
||||
horizontalAlign: "left",
|
||||
dockInsidePlotArea: true,
|
||||
itemclick: toogleDataSeries
|
||||
},
|
||||
axisX:{
|
||||
valueFormatString: "HH:mm DD MMM",
|
||||
crosshair: {
|
||||
@@ -39,13 +50,25 @@
|
||||
labelFontColor: "#C24642",
|
||||
crosshair: {
|
||||
enabled: true
|
||||
}
|
||||
},
|
||||
minimum:0,
|
||||
maximum: 50,
|
||||
},
|
||||
axisY2: [
|
||||
{
|
||||
title: "Relative hum %",
|
||||
title: "Air RH %",
|
||||
titleFontColor: "#51CDA0",
|
||||
labelFontColor: "#51CDA0"
|
||||
labelFontColor: "#51CDA0",
|
||||
minimum:0,
|
||||
maximum: 100,
|
||||
},
|
||||
{
|
||||
title: "Soil RH %",
|
||||
lineColor: "#99D9EA",
|
||||
titleFontColor: "#99D9EA",
|
||||
labelFontColor: "#99D9EA",
|
||||
minimum:0,
|
||||
maximum: 100,
|
||||
}
|
||||
],
|
||||
//{title: "Temperature",
|
||||
@@ -53,19 +76,9 @@
|
||||
//titleFontColor: "#C0504E",
|
||||
//labelFontColor: "#C0504E"
|
||||
//},
|
||||
toolTip:{
|
||||
shared:true
|
||||
},
|
||||
legend:{
|
||||
cursor:"pointer",
|
||||
verticalAlign: "bottom",
|
||||
horizontalAlign: "left",
|
||||
dockInsidePlotArea: true,
|
||||
itemclick: toogleDataSeries
|
||||
},
|
||||
data: [{
|
||||
name: "Temperature",
|
||||
type: "spline",//line
|
||||
type: "line",//line
|
||||
showInLegend: true,
|
||||
markerType: "square",
|
||||
xValueFormatString: "HH:mm on DD MMM, YYYY",
|
||||
@@ -73,13 +86,23 @@
|
||||
dataPoints: dataPoints2
|
||||
},
|
||||
{
|
||||
name: "Humidiry",
|
||||
axisYType: "secondary",//at right
|
||||
//axisYIndex: 1,
|
||||
name: "RH Air",
|
||||
type: "spline",
|
||||
axisYType: "secondary",
|
||||
axisYIndex: 1,
|
||||
showInLegend: true,
|
||||
lineDashType: "dash",
|
||||
dataPoints: dataPoints1
|
||||
},
|
||||
{
|
||||
axisYType: "secondary",
|
||||
//axisYIndex: 1,
|
||||
name: "RH Soil",
|
||||
type: "spline",
|
||||
showInLegend: true,
|
||||
lineDashType: "dash",
|
||||
color: "#99D9EA",
|
||||
dataPoints: dataPoints3
|
||||
}]
|
||||
});
|
||||
|
||||
@@ -95,9 +118,10 @@
|
||||
|
||||
function addData(data) {
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
var date = new Date(data[i]["timestamp"]);
|
||||
if(data[i].field_name == "A23_DHT"){
|
||||
//console.log("Got DHT:" + date);
|
||||
var dht = JSON.parse(data[i].field_value).dht;
|
||||
var date = new Date(data[i]["timestamp"]);
|
||||
if(dht && dht.hum <= 100){
|
||||
dataPoints1.push({
|
||||
x: date,
|
||||
@@ -109,6 +133,15 @@
|
||||
});
|
||||
}
|
||||
}
|
||||
if(data[i].field_name === "A23_Garden_Humidity")
|
||||
{
|
||||
//console.log("Got Soil:" + date);
|
||||
var soil = parseFloat( data[i].field_value);
|
||||
dataPoints3.push({
|
||||
x: date,
|
||||
y: soil
|
||||
});
|
||||
}
|
||||
}
|
||||
chart.render();
|
||||
|
||||
@@ -120,8 +153,9 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$.getJSON("/n/device/A23_DHT", addData);
|
||||
|
||||
$.getJSON("/n/device/A23_DHT/7", addData);
|
||||
$.getJSON("/n/device/A23_Garden_Humidity/7", addData);
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user