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

[micklafisch]

Hallo und guten Morgen,
ich möchte mal mein Thema aus dem Thread "Material Design Widgets: JSON Chart Widget" ausgliedern, da ich denke dass es weniger ein JSON/MDW Thema ist sondern mehr wo die Daten gespeichert werden:

Aktuell logge ich noch mit der History Funktion. Je mehr ich mich damit beschäftige desto eher merke ich dass mein Vorhaben damit nicht funktioniert. Jetzt die Frage an die Experten da ich bisher null Berührungspunkte damit hatte: ist folgendes Szenario mittels SQL/InfluxDB sowie Grafana möglich?

Es sollen Werte im Tagesverlauf abgefragt werden. Z.b. Wasserverbrauch in der Tagesansicht, zeitlich aufgelöst in Stunden. Immer 24 Stunden in einem Chart.

Das für mich kniffelige wäre darunter ein Datumsfeld mit + oder - zu haben mit dem ich tageweise vor oder zurückblättern kann um den Chart für den entsprechenden Tag anzuzeigen. Quasi so:

[micklafisch]

hat hierzu keiner eine Idee oder hat das vielleicht schon einer umgesetzt?

[crunchip]

@micklafisch theoretisch ist das schon möglich. Du kannst das Grafana Dashboard als View in vis anzeigen lassen

[OliverIO]

@micklafisch

ich bin da jetzt nicht ganz so firm, aber wenn ich mir den link anschaue, mit dem man ein diagramm in vis einbetten kann, dann sehe ich da folgende parameter

from=1648813170897&to=1648816770897

das sind javascript-timestamps.
wenn du dir in vis knöpfe baust, mit dem du die navigation darstellst mit Tag+ und Tag-, dann könntest du daraus dir die jeweiligen timestamps berechnen, den link in einen datenpunkt reinschreiben und den link dann poer binding im html widget anzeigen.
fertig ist die navigation

[Marc9025]

Hallo @micklafisch

hast du eine Möglichkeit gefunden das umzusetzen?
Ich würde das auch gerne in meiner Vis umsetzen. Mir fehlt nur die Idee wie das gehen könnte.

[micklafisch]

@marc9025
Dank dem passenden Hinweis von @OliverIO habe ich was zum testen für mich zusammengeschustert was technisch funktioniert aber noch nicht final ausgestaltet ist:

Damit kann ich die Tage durchblättern oder über den Kalenderpicker auswählen. Folgende Datenpunkte habe ich angelegt:

Die Charts werden per Binding in je einem iframe angezeigt:

Mit dem folgenden Skript wird der entsprechende Zeitraum berechnet und die URLs für die iframes aktualisiert:

Hier noch das Skript zum vor- und zurückblättern der Tage: