Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[Matis]

Mein Iobroker läuft auf einer Synology NAS, der Zugang zur Visualisierung wird per reverse proxy auf iobroker (im container) umgeleitet.
Ich rufe meine Flot Diagramme so auf: https://vis.xxxx.de/flot/preset.html?preset=name.
Soweit so gut. Dieser Link wird von FLOT sofort in den elends langen Flot internen link umgewandelt.
Soweit kein Problem.
Wenn ich nun aber mehr als 8 Kurven anzeigen will, wird der FLOT Aufruf so lang, dass wohl reverse proxy nicht mehr damit klar kommt, es bleibt bei einem ".... loading".

Hat jemand eine Lösungsidee? Wie kann man den FLOT link kürzer bekommen? Oder wie die potentielle link-Länge im reverse-proxy verlängern? Vielen Dank.

[UncleSam]

@matis Welchen Reverse Proxy verwendest du denn? Kannst du mal dein Browser Log zeigen (F12)? Gibt es da Fehler? Was sagt der Reiter "Netzwerk" (heisst zumindest bei Chrome so)?

[Matis]

@unclesam

Sorry, danke für die Antwort, hab sie grade erst gesehen.

Chrome sagt bei mehr als 8 Linien: "vis.domain.de hat die Verbindung unerwartet geschlossen."
Firefox bleibt hängen mit "loading....".
im netzwerk angehalten mit der message:
"Source-Map-Fehler: Error: request failed with status 404
Ressourcen-Adresse: https://vis.domain.de/lib/js/socket.io.js
Source-Map-Adresse: socket.io.js.map"

Bei den Graphen die angezeigt werden, kommt auch die Meldung:
23:19:08.574 "HTTP Referrer"-Kopfzeile: Länge ist größer als Begrenzung von "4096" Bytes - "Referrer"-Kopfzeile wird gekürzt zu: "https://vis.domain.de/"
nach der message "got presets"

Bei den zu langen Graphen hängt der browser in loading nach "got presets". Die Referrer Zeile kommt dann gar nicht mehr. Dann ist es wohl viel zu lang?

[UncleSam]

@matis Ja, so wie es aussieht, sind die URLs zu lang. Offiziell gibt es keine Beschränkung für die Länge der URLs, aber leider ist die Welt meistens etwas komplizierter:
https://stackoverflow.com/questions/417142/what-is-the-maximum-length-of-a-url-in-different-browsers (Achtung: die Frage und Antwort sind schon recht alt).

Zur Lösungsidee: du könntest einen kleinen eigenen Reverse Proxy zB in einem Container laufen lassen, der nur für Flot verwendet wird. Der würde immer mit dem kurzen Namen aufgerufen und würde dann intern die lange Flot URL aufrufen.

Andere Möglichkeit: du stellst auf eCharts um; das gibt es soviel ich weiss keine langen URLs mehr.

[David G.]

@matis

Hab zwar keine Ahnung von Proxys, jedoch empfehle ich, wie auch @UncleSam am Ende immer gerne eCharts.

Finde ich wesentlich leichter und intuitiver als Flot zu bedienen.

Beim ersten Start werden sogar die Flots importiert (was bei mir jedoch nicht überall geklappt hat, ist aber schon länger her).

[Matis]

Danke, ich probier echart aus.

[Matis]

... cooler Adapter, gefällt mir.
Gibt es eine Möglichkeit auf einer Seite mehrere Y-Achsen anzuzeigen, ohne dass die sich überlagern? So dass die zweite Achse neben statt auf der ersten Achse steht?

[UncleSam]

@matis sagte in FLOT: Link zu lang:

Gibt es eine Möglichkeit auf einer Seite mehrere Y-Achsen anzuzeigen, ohne dass die sich überlagern?

Sorry, kann ich dir nicht sagen, da ich zwar eCharts aber nicht den eCharts-Adapter verwende. Schau dir doch mal die Beispiele zu eCharts an, vielleicht findest du da eine Lösung: https://echarts.apache.org/examples/en/index.html#chart-type-line

Und falls es in eCharts geht, aber im Adapter nicht, dann freut sich Bluefox sicherlich über ein Issue in GitHub ;-)

[Matis]

Hab ne Lösung für mehrer Y-Achsen gefunden. Ist zwar mehr ein mühsamer workaround, geht aber:
Einfach mehrere Markierungen anlegen, die kann man positionieren wo man will. Die Linien auf farblos stellen, dann bleibt nur die Achsbeschriftung übrig. Damit bin ich jetzt auf echart umgestiegen. Ist wirklich ein toller Adapter.