Smikkelbakje/J1B3-Sensor-boxes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor graph creation and update methods

Browse Source
This commit is contained in:
sietse jonker
2024-03-31 21:24:52 +02:00
parent ae082b53a4
commit 76532c538b
2 changed files with 17 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web/newWebsite/graph-classes.js
View File

@@ -136,29 +136,32 @@ class DataProcessor {
// You can add more filtering methods based on different criteria if needed
update(data) {
this.data = data;
this.graph;
console.log("Data updated");
console.log(data);
}
graph() {
makeGraph() {
let div = document.createElement("div");
div.setAttribute("id", "graph1");
document.body.appendChild(div);
let graph = new Graph(1);
graph.makeGraph("temp", "red", "Temperature");
graph.makeGraph("humi", "blue", "Humidity");
graph.makeGraph("eco2", "green", "eCO2");
graph.makeGraph("tvoc", "#F5G644", "TVOC");
this.graph = new Graph(1);
this.graph.makeGraph("temp", "red", "Temperature");
this.graph.makeGraph("humi", "blue", "Humidity");
this.graph.makeGraph("eco2", "green", "eCO2");
this.graph.makeGraph("tvoc", "#F5G644", "TVOC");
}
graph.updateData(this.data[0].Type, this.data[0].Value);
updateGraph() {
this.graph.updateData(this.data[0].Type, this.data[0].Value);
console.log(this.data[0].Type, this.data[0].Value);
graph.updateData(this.data[1].Type, this.data[1].Value);
this.graph.updateData(this.data[1].Type, this.data[1].Value);
console.log(this.data[1].Type, this.data[1].Value);
graph.updateData(this.data[2].Type, this.data[2].Value);
this.graph.updateData(this.data[2].Type, this.data[2].Value);
console.log(this.data[2].Type, this.data[2].Value);
graph.updateData(this.data[3].Type, this.data[3].Value);
this.graph.updateData(this.data[3].Type, this.data[3].Value);
console.log(this.data[3].Type, this.data[3].Value);
graph.updateGraph();
this.graph.updateGraph();
}
}

11
web/newWebsite/graph-main.js
View File

@@ -119,17 +119,12 @@ function fetchData() {
.then((data) => {
createFilterContainer();
processor.update(data);
processor.graph();
processor.makeGraph();
processor.updateGraph();
})
.catch((error) => {
console.error("Error fetching data:", error);
});
}
fetchData();
// Function to create the graph
function createGraph() {
const graph = new Graph("graph");
graph.updateGraph();
}
fetchData();