Forum: Mikrocontroller und Digitale Elektronik Grafik im Webserver (ESP8266) erzeugen


von Georg G. (df2au)


Lesenswert?

Für einen kleinen Logger mit Webzugriff möchte ich die Meßwerte als 
Grafik (Linien oder Balken) darstellen. Es gibt Google Charts und 
ähnliche webbasierte Lösungen. Das ist aber nicht gewollt. Es soll alles 
ohne Internet lokal stattfinden. Da ich nicht sehr viel Erfahrung in 
HTML habe, suche ich nach Anregungen.

von Karl Klammson (Gast)


Lesenswert?


von Dergute W. (derguteweka)


Lesenswert?

Moin,

Weiss nicht, ob du das Ding hier bei dir ans laufen kriegst:
https://libgd.github.io/

Gruss
WK

von temp (Gast)


Lesenswert?

HTML5 enthält alles was du brauchst. Der ESP sollte nur statische html 
Seiten liefern und die Daten als json verpackt als AJAX-Request o.ä.
Damit ist der ESP dann nur noch damit beschäftigt die Messwerte in eine 
json-Form zu bringen. Dazu sind keine libs nötig so simpel ist das.
Die eigentliche Erzeugung deiner Charts passiert im Browser mit js. Dazu 
ist keinerlei Zugriff auf das Internet nötig.

von Tom (Gast)


Lesenswert?


von Stefan F. (Gast)


Lesenswert?

Man kann Serverseitig auch relativ einfach SVG Grafik durch Verkettung 
von Strings erzeugen. Mit Pixel brauchst du dich dann gar nicht 
befassen.
https://wiki.selfhtml.org/wiki/SVG

von Chris L. (kingkernel)


Lesenswert?

Das geht, mit etwas Einarbeitung, auch größtenteils alles in CSS und SVG 
(Die ja nur eine Textuelle Beschreibung dessen sind, was gemalt werden 
soll)
Es gibt zu deiner Frage auch gute Tutorialvideos auf Youtube, wo genau 
das gezeigt wird.

stefanus war schneller.

: Bearbeitet durch User
von Georg G. (df2au)


Lesenswert?

Vielen Dank für die Anregungen. Es wird SVG werden. Mit Uraltbrowsern 
muss es nicht laufen. Der aktuelle Firefox kann das prima.

von Noch ein Kommentar (Gast)


Lesenswert?

Ist das ein Projekt für dich selbst?

Wenn da die Kunden mitreden dürfen, wollen die zig mal des Design 
umgebaut haben. Da solltest du es so anlegen, dass du die Oberfläche 
einfach ändern kannst, ohne dass du jedes mal das ESP Programm neu 
kompilieren und  brennen musst.

von N. M. (mani)


Lesenswert?

temp schrieb:
> Der ESP sollte nur statische html Seiten liefern und die Daten als json
> verpackt als AJAX-Request o.ä.

So hab ich das seither auch gemacht. Wenn man dann noch FatFS dazu 
nimmt, dann kann man auch relativ komfortabel die HTML/CSS/JS Dateien 
austauschen falls das hier passiert:

Noch ein Kommentar schrieb:
> Wenn da die Kunden mitreden dürfen, wollen die zig mal des Design
> umgebaut haben.

von Georg G. (df2au)


Lesenswert?

Noch ein Kommentar schrieb:
> die Kunden mitreden dürfen

Der WAF sollte in etwa stimmen. Das Projekt ist für Heim und Scholle.

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.