save website from rpi
This commit is contained in:
54
web/main.js
54
web/main.js
@@ -1,26 +1,29 @@
|
||||
let data;
|
||||
let measurements;
|
||||
let date;
|
||||
let value;
|
||||
let newArrayTemp = [];
|
||||
let newArrayHumid = [];
|
||||
let newArrayLight = [];
|
||||
let timeArray = []; // Array to store time values`
|
||||
let dateArray = [1,2,3];
|
||||
let valueArray = [1,2,3,4,5];
|
||||
let newValueArray = [4,5,6];
|
||||
let myValue = 1;
|
||||
|
||||
//const timeArray = [1,2,3,4];
|
||||
//const dateArray = [5,6,7,8];
|
||||
//const valueArray = [1,1,1,3];
|
||||
|
||||
// Make lines in the graph of the live data
|
||||
Plotly.plot("liveGraph", [
|
||||
{
|
||||
x: timeArray, // Use timeArray as x values
|
||||
y: newArrayTemp,
|
||||
y: valueArray,
|
||||
mode: "lines",
|
||||
line: { color: "#80CAF6" },
|
||||
name: "Temperature",
|
||||
},
|
||||
{
|
||||
x: timeArray, // Use timeArray as x values
|
||||
y: newArrayHumid,
|
||||
mode: "lines",
|
||||
line: { color: "#FFA500" },
|
||||
name: "Humidity",
|
||||
},
|
||||
{
|
||||
x: timeArray, // Use timeArray as x values
|
||||
y: newArrayLight,
|
||||
mode: "lines",
|
||||
line: { color: "#00FF00" },
|
||||
name: "Light / 100",
|
||||
},
|
||||
]);
|
||||
|
||||
let cnt = 0;
|
||||
@@ -28,10 +31,13 @@ let cnt = 0;
|
||||
// Update the graph every 1 ms
|
||||
let interval = setInterval(function () {
|
||||
var time = new Date();
|
||||
timeArray.push(new Date());
|
||||
|
||||
valueArray.push(Math.random() * 10);
|
||||
|
||||
var update = {
|
||||
x: [[time]],
|
||||
y: [[newArrayTemp], [newArrayHumid], [newArrayLight]],
|
||||
y: [[newValueArray]],
|
||||
};
|
||||
|
||||
var olderTime = time.setMinutes(time.getMinutes() - 1);
|
||||
@@ -45,19 +51,5 @@ let interval = setInterval(function () {
|
||||
};
|
||||
Plotly.relayout("liveGraph", minuteView);
|
||||
|
||||
apiGraph = document.getElementById("apiGraph");
|
||||
Plotly.newPlot(
|
||||
apiGraph,
|
||||
[
|
||||
{
|
||||
x: dateArray,
|
||||
y: valueArray,
|
||||
},
|
||||
],
|
||||
{
|
||||
margin: { t: 0 },
|
||||
}
|
||||
);
|
||||
|
||||
if (cnt === 100) clearInterval(interval);
|
||||
}, 1);
|
||||
}, 1);
|
Reference in New Issue
Block a user