Mirror/AI-on-the-edge-device
1
0
Fork 0
mirror of https://github.com/jomjol/AI-on-the-edge-device.git synced 2025-12-10 13:36:54 +03:00
Code Issues Packages Projects Releases Wiki Activity

date for graph is now selectable

Browse Source
This commit is contained in:
Ralf D. Müller
2022-10-16 14:22:38 +00:00
parent 3ca93b49ca
commit 5724f37ea6
2 changed files with 49 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Changelog.md
View File

@@ -4,7 +4,8 @@
### Added ### Added
- Addes PreValue to `/json` ([#1154](https://github.com/jomjol/AI-on-the-edge-device/issues/1154)) - added `/graph.html` to fetch measurements from the debug log and display them as a graph. Activate debug logging for this feature to work.
- Added PreValue to `/json` ([#1154](https://github.com/jomjol/AI-on-the-edge-device/issues/1154))
### Changed ### Changed

32
sd-card/html/graph.html
View File

@@ -1,3 +1,4 @@
<html> <html>
<head> <head>
<script src='https://cdn.plot.ly/plotly-2.14.0.min.js'></script> <script src='https://cdn.plot.ly/plotly-2.14.0.min.js'></script>
@@ -16,14 +17,31 @@ function run() {
</head> </head>
<body> <body>
<div id='chart'></div> <div id='chart'></div>
<select id="selector" onchange="document.location.href=document.location.href.split('#')[0]+'#'+this.value;run();"></select>
<button onclick="document.getElementById('editor').hidden = false; this.hidden = true;" >Editor</button> <button onclick="document.getElementById('editor').hidden = false; this.hidden = true;" >Editor</button>
<div id='editor' hidden='true'> <div id='editor' hidden='true'>
<textarea id="cnsl"> <textarea id="cnsl">
const d = new Date(); var hash = window.location.hash;
var date = d.getFullYear() + "-" + (d.getMonth()+1) + "-" + d.getDate(); console.log (hash);
fetch('/fileserver/log/message/log_'+date+'.txt') var d = new Date();
var options="<option>Please Select...</option>";
for (var i=0; i<27; i++) {
var currentDate = new Date(d-i*60*60*24*1000);
var option = currentDate.getFullYear()+"-"+(currentDate.getMonth()+1)+"-"+currentDate.getDate()
options += "<option>"+option+"</option>\n";
}
document.getElementById("selector").innerHTML = options;
var dateString = d.getFullYear() + "-" + (d.getMonth()+1) + "-" + d.getDate();
if (hash!="") {
dateString = hash.substring(1);
}
fetch('/fileserver/log/message/log_'+dateString+'.txt')
.then(response => { .then(response => {
// handle the response // handle the response
if (response.status == 404) {
alert("no log data available for "+dateString);
}
response.text() response.text()
.then( result => { .then( result => {
var lines = result.split("\n"); var lines = result.split("\n");
@@ -40,19 +58,21 @@ fetch('/fileserver/log/message/log_'+date+'.txt')
var value = line.split(" ")[6]; var value = line.split(" ")[6];
var time = line.split(" ")[0]; var time = line.split(" ")[0];
console.log("> "+time+" "+value+"\n"); console.log("> "+time+" "+value+"\n");
if (value<1000) {
trace.x.push(timex); trace.x.push(timex);
timex += 1; timex += 1;
trace.y.push(value); trace.y.push(value);
} }
} }
}
console.log(trace); console.log(trace);
var data = [trace]; var data = [trace];
Plotly.newPlot('chart', data); Plotly.newPlot('chart', data);
}); });
}) }).catch((error) => {
.catch(error => {
// handle the error // handle the error
out.value = "error"; console.log(error);
alert("test");
}); });
</textarea><br /> </textarea><br />
<button onclick="run();">run</button> <button onclick="run();">run</button>