Das deutsche Python-Forum

Lessi

Verstehe ich schon. Aber warum erfindest du das Rad neu? Grafana und Co sind fuer solche Zwecke doch geschaffen, und erledigen das ohne grosse Probleme - und mit mehr Features bezueglich zB Filterung und drill-down, als du es jemals bauen koennen wirst.

Stimmt. Bin da auch schon dran. Grafana ...

Lessi

Ich messe meinen privaten Stromverbrauch und die Stromerzeugung meiner kleinen PV Anlage. Diese möchte ich mitloggen (aktuell csv Dateien) und visualisieren. Die Kurven sollten halt "schnell" reagieren (2s sehe ich da mal als schnell genug an). Wenn ich mal einen Verbraucher hinzuschalte, die ...

Lessi

Du malst ständig in den selben Plot, der wir also mit der Zeit ziemlich voll.

Wenn Du einen Film abspielen willst, dann ist Motion-JPEG, bzw. geht das auch mit Motion-PNG, das richtige, denn das unterstützt jeder Browser schon von sich aus, ganz ohne Javascript.
Hier werden die Daten auch Binär ...

Lessi

Sirius3 hat geschrieben: Freitag 26. August 2022, 14:55 @Lessi: keine Sorge, da wird nichts geschrieben. Bleibt meine Frage unbeantwortet, warum Du das so kompliziert über EventSource machst.

Habe keine bessere Lösung gefunden

Lessi

Hallo,

musst oder willst du das so machen? Grundsätzlich kannst du ein BytesIO Objekt ja auch wie eine Datei ausliefern bzw. von der Webseite nachladen lassen. Dann brauchst du den Umweg über das Base64 Encoding nicht.

Gruß, noisefloor

Ich lasse das ganze später dann auf einem Rasperry Pi ...

Lessi

Ich habe die Lösung:

index.html:
....
<img id="graph" img src="">
...

...
document.getElementById("graph").src = data.img_tag
...

server.py:
...
img_tag = "data:image/png;base64," + str_equivalent_image
...

Danke für die Ideen und Hinweise!

Lessi

__deets__ hat geschrieben: Freitag 26. August 2022, 08:21 Gibt es einen Grund nicht einfach bokeh zu benutzen, was den Browser als Anzeige für Grafen benutzt, die man auch dynamisch aktualisieren kann?

Kenne ich nicht. Würde ich im Notfall auch

Lessi

@Lessi: wie es in Deinem Fall funktioniert, habe ich Dir gezeigt. Ich weiß jetzt nicht, ob das bei Dir angekommen ist.
Das mit `innerText` ist bei Dir anscheinend auch nicht angekommen.
Neben den ganzen anderen Hinweisen zu Python-Konventionen noch eine: eingerückt wird immer mit vier Leerzeichen ...

Lessi

Ich habe den Source Code nochmal um einen Counter erweitert, um klar zu machen wie der Code funktioniert. Der Counter wird in Python alle 0,5s inkrementiert und automatisch im Browser angezeigt. Das img_tag wird später dann auch dynamisch verändert werden. (Doch da bin ich noch nicht). Jetzt ...

Lessi

Hallo,

musst oder willst du das so machen? Grundsätzlich kannst du ein BytesIO Objekt ja auch wie eine Datei ausliefern bzw. von der Webseite nachladen lassen. Dann brauchst du den Umweg über das Base64 Encoding nicht.

Gruß, noisefloor

Mein Ziel ist es die Grafik, welche auf sich ständig ...

Lessi

Dann hast Du für `img_tag` nichts an das Template übergeben. Den Teil vom Code zeigst Du ja nicht. (Die fehlenden geschweiften Klammern hatte ich aus Deinem ersten Beitrag übernommen.)

Doch, das habe ich. Es wird img_tag (mit Inhalt) an das Template übergeben. Es wird nur nicht korrekt ...

Lessi

Einmal mein etwas reduzierter aber lauffähiger Code. Später soll der Webserver eine Seite zur Verfügung stellen, welche regelmäßig Daten von einer URL ausliest und diese in einem Diagram visualisiert. In dem aktuellen Code geschieht die Aktualisierung alle 0,5 Sekunden. Das Bild mit dem Graphen wird ...

Lessi

Bitte ignorier meinen letzte Post. Da hatte ich noch einen print Ausgabe für das img_tag drin.

Im Endeffekt habe ich es in der html-Datei so gemacht wie du vorgeschlagen hast mit "safe":

...
<body>
<h1>Graph</h1>
{img_tag|safe}
</body>
</html>

Wenn ich den Server dann ausführe und über den ...

Lessi

Leider funktioniert das so nicht. Im Browser bekomme ich dann den kryptischen Inhalt der Variable angezeigt:

Graph
<img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAYAAAC+ZpjcAAAAOXRFWHRTb2Z0d2FyZQBNYXRwbG90bGliIHZlcnNpb24zLjUuMywgaHR0cHM6Ly9tYXRwbG90bGliLm9yZy ...

Lessi

Hallo,
ich nutze Flask um einen Web-Server zu betreiben. Mit seaborn/matplotlib erstelle ich dann dynamisch Grafiken in Python und weise diese der Variablen img_buffer vom Typ IOBytes zu. Dann transformiere ich diese Daten in einen str img_tag wie folgt:

...
import base64
str_equivalent_image ...

Die Suche ergab 15 Treffer

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Re: Dynamisch in Python generierte Grafiken in HTML anzeigen

Dynamisch in Python generierte Grafiken in HTML anzeigen