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

Update graph creation and styling

Browse Source
This commit is contained in:
Sietse Jonker
2024-04-02 14:15:31 +02:00
parent 4edbe2312a
commit 8724691716
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,7 +12,7 @@ class Graph {
makeGraph(line, lineColor, name) { makeGraph(line, lineColor, name) {
let div = document.createElement("div"); let div = document.createElement("div");
div.setAttribute("id", this.id); div.setAttribute("id", this.id);
document.body.appendChild(div); document.graphBody.appendChild(div);
let lineArray; let lineArray;
switch (line) { switch (line) {
case "temp": case "temp":
@@ -135,7 +135,7 @@ class DataProcessor {
this.graph.makeGraph("temp", "red", "Temperature"); this.graph.makeGraph("temp", "red", "Temperature");
this.graph.makeGraph("humi", "blue", "Humidity"); this.graph.makeGraph("humi", "blue", "Humidity");
this.graph.makeGraph("eco2", "green", "eCO2"); this.graph.makeGraph("eco2", "green", "eCO2");
this.graph.makeGraph("tvoc", "#F5G644", "TVOC"); this.graph.makeGraph("tvoc", "black", "TVOC");
} }
updateGraph() { updateGraph() {

2
web/newWebsite/graphs.html
View File

@@ -31,5 +31,7 @@
<body> <body>
<script src="graph-classes.js"></script> <script src="graph-classes.js"></script>
<script src="graph-main.js"></script> <script src="graph-main.js"></script>
<div class="graphBody"></div>
</body> </body>
</html> </html>

2
web/newWebsite/styles/graph-styles.css
View File

@@ -111,6 +111,8 @@ body {
align-self: center; align-self: center;
width: 95%; width: 95%;
height: 100%; height: 100%;
border-radius: 20px;
border: 2px solid #000;
margin: 10px; margin: 10px;
} }
/* Additional styling as needed */ /* Additional styling as needed */