save website from rpi

This commit is contained in:
Sietse Jonker
2024-02-16 11:56:11 +01:00
parent 16105122dd
commit 44b1317e33
3 changed files with 275 additions and 168 deletions

View File

@@ -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);