commit 9ef4258d14d8bcffc9be9812487a419c3fd7f4a8
parent 052c48415e51e13bd1b9bbfde667b07c0a997f6e
Author: Johs <[email protected]>
Date: Mon, 12 Jun 2023 15:13:30 +0200
graph fetch done
Diffstat:
| M | js/panda.js | 66 | +++++++++++++++++++++++++++++++++++++----------------------------- |
1 file changed, 37 insertions(+), 29 deletions(-)
diff --git a/js/panda.js b/js/panda.js
@@ -43,33 +43,41 @@ function jsonSorter(key) {
var ctx = document.getElementById('myChart').getContext('2d');
// Create the chart
-var myChart = new Chart(ctx, {
- type: 'line', // Specify the type of chart (e.g., bar, line, pie, etc.)
- data: {
- labels: ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5'], // Specify the labels for the x-axis
- datasets: [
- {
- label: 'Dataset 1', // Specify the label for the dataset
- data: [1, 2, 3, 4, 5], // Pass your array of data points here
- backgroundColor: 'white', // Specify the background color of the bars/points
- borderColor: 'rgba(75, 192, 192, 1)', // Specify the border color of the bars/points
- borderWidth: 1 // Specify the border width
+fetch(`http://localhost:8080/api/:ae9c50dc5cd58c538a0d6aedb17fffedcaffd568d22381dab3ae72baaeb24684`)
+.then(response => response.json())
+ .then(data=> {
+ let array = []
+ data.forEach(point=>{
+ array.push(point['humidity'])
+ })
+ var myChart = new Chart(ctx, {
+ type: 'line', // Specify the type of chart (e.g., bar, line, pie, etc.)
+ data: {
+ labels: ['Day 1', 'Day 2', 'Day 3', 'Day 4', 'Day 5'], // Specify the labels for the x-axis
+ datasets: [
+ {
+ label: 'Dataset 1', // Specify the label for the dataset
+ data: array, // Pass your array of data points here
+ backgroundColor: 'white', // Specify the background color of the bars/points
+ borderColor: 'rgba(75, 192, 192, 1)', // Specify the border color of the bars/points
+ borderWidth: 1 // Specify the border width
+ },
+ {
+ label: 'Dataset 2', // Specify the label for the dataset
+ data: [6, 7, 8, 9, 10], // Pass your array of data points here
+ backgroundColor: 'white', // Specify the background color of the bars/points
+ borderColor: 'rgba(255, 192, 192, 1)', // Specify the border color of the bars/points
+ borderWidth: 1 // Specify the border width
+ }
+ ]
},
- {
- label: 'Dataset 2', // Specify the label for the dataset
- data: [6, 7, 8, 9, 10], // Pass your array of data points here
- backgroundColor: 'white', // Specify the background color of the bars/points
- borderColor: 'rgba(255, 192, 192, 1)', // Specify the border color of the bars/points
- borderWidth: 1 // Specify the border width
- }
- ]
- },
- options: {
- responsive: true, // Make the chart responsive
- scales: {
- y: {
- beginAtZero: true // Start the y-axis at zero
+ options: {
+ responsive: true, // Make the chart responsive
+ scales: {
+ y: {
+ beginAtZero: true // Start the y-axis at zero
+ }
+ }
}
- }
- }
-});
-\ No newline at end of file
+ });
+ })
+\ No newline at end of file
