patrick/OpenDTU-old
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GChart

Browse Source
This commit is contained in:
Ralf Bauer 2023-05-21 23:05:18 +02:00
parent 7133a4ba91
commit de9d471c5e
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webapp/index.html
View File

@ -4,7 +4,9 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js">
google.charts.load('current', { packages: ['corechart', 'bar'] });
</script>
<title>OpenDTU</title> <title>OpenDTU</title>
</head> </head>
<body> <body>

14
webapp/src/components/DatabaseChart.vue
View File

@ -24,13 +24,6 @@ export default defineComponent({
fetch("/api/database", { headers: authHeader() }) fetch("/api/database", { headers: authHeader() })
.then((response) => handleResponse(response, this.$emitter, this.$router)) .then((response) => handleResponse(response, this.$emitter, this.$router))
.then((energy) => { .then((energy) => {
var end = new Date()
var start = new Date()
var interval = 1
start.setDate(end.getDate() - interval)
start.setHours(start.getHours() - 1)
google.charts.setOnLoadCallback(drawBasic());
function drawBasic() { function drawBasic() {
var data = new google.visualization.DataTable(); var data = new google.visualization.DataTable();
data.addColumn('datetime', 'Time'); data.addColumn('datetime', 'Time');
@ -67,6 +60,13 @@ export default defineComponent({
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options); chart.draw(data, options);
} }
var end = new Date()
var start = new Date()
var interval = 1 // number of days to show in the chart
start.setDate(end.getDate() - interval)
start.setHours(start.getHours() - 1)
google.charts.setOnLoadCallback(drawBasic());
}); });
} }
} }