Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[Qlink]

Hi Leute,

ich möchte mittels der Flot Filterbar und den entsprechenden Filterwörtern unterschiedliche Zeiträume mit übereinandergelegten Flot Diagrammen darstellen.
Das funktioniert soweit auch wie es soll, allerdings habe ich einen ärgerlichen Schönheitsfehler, an dem ich mir seit langer Zeit die Zähne ausbeiße.

Sobald ich den Diagrammen unterschiedliche Filterwörter in vis zuweise, wird bei allen Diagrammen, außer dem Ersten, die y-Achsenbeschriftung zusammengedrückt und teilweise dadurch unlesbar.
Das Problem tritt nur im Frontend auf. Im Backend bzw. Editor Modus von vis, wird alles richtig dargestellt.
Gebe ich testweise den Diagrammen dasselbe Filterwort, dann werden die Achsenbeschriftungen auch im Frontend richtig dargestellt.

Zur besseren Sichtbarkeit hab ich die Diagramme auseinandergezogen. Normalerweise würden sie übereinander liegen.

Backend:

Frontend mit 2 unterschiedlichen Filterwörtern (linkes Diagr. mit "7 Tage", rechtes Diagr. mit "1 Monat" Filterwort):

Frontend mit demselben Filterwort (beide Diagramme mit "7 Tage" Filterwort):

Ich konnte im Forum nichts zu diesem Problem finden.
Hat jemand eine Idee wie ich das lösen kann, oder zumindest per Workaround das Thema umgehen kann ?

Danke.

Beste Grüße

[Homoran]

@Qlink
Das mit dem Filterwort kannte ich so noch gar nicht.
ich war immer der Meinung das dient zum Filtern der IDs damit dir bei der Suche nach dem einzutragenden Objekt nur die entsprechenden angezeigt werden.

---

Dein Sichbarkeitsproblem scheint mir an der unterschiedlichen Skalierung der Fontgröße in PC und Tablet zu liegen.
Auf dem Tablet kommt es zu einem Zeilenumbruch
ggf. musst du eine andere Schriftgröße wählen.

---

Außerdem solltest du in dem URL die IP weglassen und nur mit /flot/index..... beginnen.
Wird mit deinem Problem nichts zu tun haben, aber hilft spätestens in der App

[Qlink]

@Homoran

ich fürchte ich verstehe deine Antwort nicht ganz...

Was meinst du mit PC und Tablet ?
Die Screenshots von oben wurden alle auf demselben Gerät gemacht.
Egal ob ich die View auf meinem Handy per App oder auf meinem PC oder auf meinem Tablet aufrufe, überall wird die y-Achsenbeschriftung gleich falsch dargestellt...
Wenn es ein Skalierungsthema sein sollte, dann müsste ich doch je nach Gerät Unterschiede erkennen können richtig ?

Oder interpretiere ich deine Antwort falsch ?

[Homoran]

@Qlink sagte in y-Achse in Flot Chart unlesbar, wenn 2 Wörter in Filterbar:

Die Screenshots von oben wurden alle auf demselben Gerät gemacht.

aber einmal steht Frontend und einmal Backend da.
Was ist das denn dann für ein Unterschied?

@Qlink sagte in y-Achse in Flot Chart unlesbar, wenn 2 Wörter in Filterbar:

Wenn es ein Skalierungsthema sein sollte, dann müsste ich doch je nach Gerät Unterschiede erkennen können richtig ?

So hatte ich deinen Post ja auch verstanden.

[Qlink]

@Homoran

Frontend = Vis View welche dargestellt wird (#viewname)
Backend = Vis Editor (edit.html#viewname)

Beste Grüße

[Qlink]

@pix Du bist doch ein vis Experte oder ? Hast du eventuell eine Idee wo der Fehler liegen kann ?

@Homoran weißt du eventuell wie ich herausfinden kann wer die vis widgets html iframe bzw. die flot Filterbar entwickelt hat, damit ich mit denen mal Kontakt aufnehmen kann ?

Oder würde ein Umstieg von Flot auf Grafana das Problem beheben ... ? Ich würde ja mittlerweile vieles machen, um endlich eine saubere Darstellung von Diagrammen in vis hinzubekommen...

Danke.

Beste Grüße