NEWS
Darstellung einer Pulsoximetriekurve
-
@homoran wie hast du das hinbekommen. Mir reicht ja transparent oder schwarz. Wenn ich background setze, sieht das so aus:
@alexaxel sagte in Darstellung einer Pulsoximetriekurve:
Mir reicht ja transparent
dann schreib das dahin :grin:
oderclearEDIT:
Blödsinn, nicht im iFrame widget, sondern im Flot
deswegen fragte ich ja was das "history Widget" sein soll
kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.
Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -
-
Hallo Leute, ich brauche mal Euer Wissen / Eure Hilfe bei einem Problemchen:
Ich habe ein fertiges Pulsoximeter via ESP32/Bluetooth/Wifi und MQTT Protokoll angezapft und somit eine "Brücke" gebastelt,um die Werte als Datenpunkte darzustellen. Das klappt soweit auch sehr gut:
Nun arbeite ich daran, die Blutdruckkurve, die das Gerät darstellt und als CustomCaracteristics bereit stellt. Naja kurz gesagt ich habe ein Array von ca. 30 bytes, die eine kleine Kurve mit einem Wertebereich von 0-255 darstellen. Also die Daten habe ich auch.
Meine Defizite liegen eher woanders. Ich finde einfach keine Lösung die Daten schön darzustellen. Habe schon 2 Anätze, die nicht funktionieren:
-
Schleife in JS bauen, die jedes Byte nacheinander in ein Datenpunkt schreibt und das Livechart schaut auf diesen. Leider sagt der Scripteditor, dass ich den Datenpunkt zu häufig aktualisiere. (ca 1000 mal pro Minute). Das Array wird ca. in 0,5 Sekunden intervall über MQTT geupdated.
-
Ich erzeuge keine unnötige Umrechnung mit neuen Datenpunkten, sondern nehme gleich das Array und zeichne mit dem HTML objekt und JS die Kurve mit senkrechten Linien selber und rotiere dann die aktuellen Werte. Ich habe angefangen Linien mal zeitlich einzeln darzustellen. ChatGTP hat mir dabei geholfen:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vertical Lines Animation</title> </head> <body> <canvas id="myCanvas" width="200" height="200"></canvas> <script> // JavaScript-Funktion zum Zeichnen von 10 roten senkrechten Linien im Abstand von 10 Pixeln function drawVerticalLines() { // Canvas-Element und 2D-Kontext abrufen var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); // Anzahl der Linien und der Abstand zwischen den Linien var numLines = 10; var lineSpacing = 10; // Funktion zum Zeichnen einer Linie function drawLine(x) { ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, canvas.height); ctx.strokeStyle = "red"; ctx.stroke(); } // Funktion zum animierten Zeichnen der Linien function drawLinesSequentially(index) { if (index < numLines) { var x = index * (lineSpacing + 1); // 1 Pixel Lücke zwischen den Linien drawLine(x); setTimeout(function () { drawLinesSequentially(index + 1); }, 1000); // Eine Sekunde Verzögerung zwischen den Linien } } // Starte die Animation drawLinesSequentially(0); } // Die Funktion aufrufen, wenn die Seite geladen ist window.onload = drawVerticalLines; </script> </body> </html>Leider werden die Striche nicht zeitlich dargestellt.
Das unglaubliche: Lade ich den gleichen Code auf eine offline HTML Seite vom Desktop, funktioniert es. Ich habe das Gefühl, dass Animationen in HTML mit SetTimeout im IO Broker nicht funktionieren.Habt Ihr eine Lösung ? Gerne auch ganz andere Alternativen. Letztendlich soll die View so eine Kurve darstellen, wie ungefähr hier:
(Hinweis, ich baue kein Medizinprodukt. Es ist einfach hilfreich im Haushalt, wenn überall Tablets an der Wand hängen und Alexa, ein paar Meldungen macht, wenn der Fingersensor ab und ein paar Werte zu hoch oder niedrig sind. Das Gerät selber hat auch eigene Warnfunktionen).
Vielen Dank Euch allen !!!
VG
Alex:warning: Ich möchte alle Mitlesenden und Begeisternden IOBler noch einmal deutlich daraufhinweisen, dass dies nur für private Zwecke eingesetzt werden darf.
Ein Produkt, dass für professionelle medizinische Zwecke bestimmt ist, muss dem Medizinprodukte-Gesetzt entsprechen! Die Anforderungen an eine MPG-konforme Lösung ist weit mehr als das bisschen basteln und coden. Also unsere Basteleien bitte nicht im professionellen Bereich, wie in der Pflege und oder in Einrichtungen verwenden! ... und für den privaten Gebrauch immer einen Plan B haben. So alarmiert bei mir immer noch das MPG-Konforme Pulsoximeter mit seinem eigenen Alarmlautsprecher.
So... das lag mir noch am Herzen... Ich wünsche allen ein Frohen Neues 2024 !! Alex:-)
-
-
@alexaxel sagte in Darstellung einer Pulsoximetriekurve:
Mir reicht ja transparent
dann schreib das dahin :grin:
oderclearEDIT:
Blödsinn, nicht im iFrame widget, sondern im Flot
deswegen fragte ich ja was das "history Widget" sein soll
-
@homoran Achso du nimmst ein ganz anderes Objekt. Ich hab das hier genommen. Live History Chart:
Kann Flot auch in Echtzeit die Kurve so schnell zeichnen, dass 2 Kurven pro sekunde gezeichnet werden und diese nach links scrollen ?
@alexaxel sagte in Darstellung einer Pulsoximetriekurve:
Kann Flot auch in Echtzeit die Kurve so schnell zeichnen, dass 2 Kurven pro sekunde gezeichnet werden und diese nach links scrollen ?
hab ich noch nie probiert.
So schnell steigt der Rheinpegel nichtallerdings wird bei der Datenrate die History DB sehr schnell sehr groß
kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.
Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -
-
@alexaxel sagte in Darstellung einer Pulsoximetriekurve:
Kann Flot auch in Echtzeit die Kurve so schnell zeichnen, dass 2 Kurven pro sekunde gezeichnet werden und diese nach links scrollen ?
hab ich noch nie probiert.
So schnell steigt der Rheinpegel nichtallerdings wird bei der Datenrate die History DB sehr schnell sehr groß
@homoran sagte in Darstellung einer Pulsoximetriekurve:
allerdings wird bei der Datenrate die History DB sehr schnell sehr groß
so war auch mein Gedanke und viel Traffic erzeugt der eigentlich nicht notwendig ist.
Da wir ja nicht im medizinischen Bereich sind sollten weniger Byte in der Datenübertragung
reichen. -
@homoran sagte in Darstellung einer Pulsoximetriekurve:
allerdings wird bei der Datenrate die History DB sehr schnell sehr groß
so war auch mein Gedanke und viel Traffic erzeugt der eigentlich nicht notwendig ist.
Da wir ja nicht im medizinischen Bereich sind sollten weniger Byte in der Datenübertragung
reichen.@ralla66 bleibt außerdem die Frage, ob eine lange Vorhaltezeit notwendig ist.
Wenn ich nur eine Nacht monitoren will, reicht ein Tag.
Das ist dann auch nicht wirklich kritisch.kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.
Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -
-
@ralla66 bleibt außerdem die Frage, ob eine lange Vorhaltezeit notwendig ist.
Wenn ich nur eine Nacht monitoren will, reicht ein Tag.
Das ist dann auch nicht wirklich kritisch.@homoran Ich schreibe nur die Frequenz und den O2 Wert in einer externen SQL DB. Das History Chart schaut aber nur auf einem anderen DP, der gar nicht historisch weggeschrieben wird. Das sind also flüchtige Kurvendaten. Quasi immer der Punkt der gemalten Live-Kurve der 4 Takte des Herzens.
-
@ralla66 bleibt außerdem die Frage, ob eine lange Vorhaltezeit notwendig ist.
Wenn ich nur eine Nacht monitoren will, reicht ein Tag.
Das ist dann auch nicht wirklich kritisch.sehe ich auch so,
und wenn sich ein Progger gelangweilt fühlt kann dieser noch einen Code schreiben
wo Wifi / Mqtt und Device ID per Gui eingefügt werden kann.
Nicht jeder hat / kann mit der Arduino IDE umgehen.
So hätten viele User was davon, flashen, Daten eigeben, fertig ist die Laube. -
sehe ich auch so,
und wenn sich ein Progger gelangweilt fühlt kann dieser noch einen Code schreiben
wo Wifi / Mqtt und Device ID per Gui eingefügt werden kann.
Nicht jeder hat / kann mit der Arduino IDE umgehen.
So hätten viele User was davon, flashen, Daten eigeben, fertig ist die Laube.Schreibe hier mal 2-Zeiler, um dem Thema zu folgen.
Habe seit Weihnachten eine einfache SmartWatch, welche nicht-medizinische Näherungswerte zu Blutdruck, Puls, Haut-Temperatur, Blutsauerstoff etc liefert, welche ich doch gerne statt mittelmäßiger H-Band-App in ioBroker/postgreSQL einpflegen würde. EInfach zur groben Kontrolle, wenn es irgendwo scheinbar starke Abweichungen gibt.
Gruss von der Ostsee
Chris -
@ralla66 sagte in Darstellung einer Pulsoximetriekurve:
aus einer DB eine Kurve darstellen, siehst du da Möglichkeiten ?
nur wenn die Daten über iob geloggt wurden.
Aber ich glaube dass diese Frage bereits mal behandelt wurde. Leider weiss ich nicht mit welcher DB und welchem Ergebnis
@homoran said in Darstellung einer Pulsoximetriekurve:
@ralla66 sagte in Darstellung einer Pulsoximetriekurve:
aus einer DB eine Kurve darstellen, siehst du da Möglichkeiten ?
nur wenn die Daten über iob geloggt wurden.
Aber ich glaube dass diese Frage bereits mal behandelt wurde. Leider weiss ich nicht mit welcher DB und welchem ErgebnisWäre es nicht sinnvoller die Daten extern ein zu speisen, statt via ioB, um eine korrekte Timestamp zu haben?
Wenn ich mich recht entsinne, dann verwendet ioB für die Datenbank (bei mir postgreSQL) den jetzt-Wert, was zu Problemen führt.
Ich hatte da Probleme, als ich Vorhersagen & Meßwerte vom BSH OpenData-Server einspeisen wollte.
Support us
781
Online32.5k
Benutzer81.8k
Themen1.3m
Beiträge