Grafana-Graph in oH einbinden

[tophab]

Hallo,
ich teste gerade Grafana (Datenbasis ist Influx), in der Grafana-Oberfläche kann ich mir auch einen Graphen erstellen und Anzeigen lassen.
Das geht soweit!

Habe es so verstanden, das ich mir einen Link erstellen kann, welche ich in oH einbinden kann und dieser dann immer aktuallisiert wird (und der Graph interactiv ist ("Mouse-Over Effekt"), also nicht nur ein Bild anzeigt).

Im Dashboard beim Graphen unter "Edit" => Share ("Share Panel")?
Ist das die richtige Stelle? In diesem Link steht z.B. am Ende "Fullscreen", wo kann ich die gewünschte Größe angeben? Bzw. wie (manuell) korregieren?

Oder läßt sich meine "Anforderung" nur mit der unter "Share Panel" vorhandenen Option "Direct link rendered Image" umsetzen?
Dann müßte ich noch PhantomJS installieren (was beim ersten Versuch fehl schlug)

Letztlich möchte ich in der BasicUI von oH einen interactiven Graphen anzeigen, ca. 300x700 pixel Groß, der sich minütlich aktuallisiert.

[mamoel]

Du musst das machen wie hier beschrieben.
Der Trick ist aber, dass du die Zeit manuell abändern musst!

Aus

Code: Alles auswählen

<iframe src="https://snapshot.raintank.io/dashboard-solo/snapshot/y7zwi2bZ7FcoTlB93WN7yWO4aMiz3pZb?from=1493369923321&to=1493377123321&panelId=4" width="650" height="300" frameborder="0"></iframe>

muss

Code: Alles auswählen

<iframe src="https://snapshot.raintank.io/dashboard-solo/snapshot/y7zwi2bZ7FcoTlB93WN7yWO4aMiz3pZb?from=now-2d&to=&panelId=4" width="650" height="300" frameborder="0"></iframe>

werden, falls Du z.B. die Daten der letzten zwei Tage sehen möchtest. Wenn sich das Diagramm automatisch aktualisieren soll, fügst Du noch ein

Code: Alles auswählen

refresh=30s

an.

[tophab]

Hallo,
danke für den Link und Info,
aktuell baue ich meine Grafiken so ein:

(Bsp)

Code: Alles auswählen

Webview icon=weather url="http://MEINE-IP:3000/d-solo/C1aIqSigk/verbrauchsanzeigen?panelId=4&orgId=1&from=now-24h&tab=legend&refresh=5s\" width=\"450\" height=\"300\" frameborder=\"0\"" height=14

Die Y-Skala für den Wasserverbrauch muss ich mal schauen wie ich die Einbaue, dort ist aktuell nur der Strom in KWh (Wasserwerte (gelb) habe ich *100 genommen, damit diese in der Grafik auch sichtbar sind)

[mamoel]

Du kannst auch zwei separate Y-Achsen mit unterschiedlicher Skalierung und auch einer anderen Einheit anzeigen:
https://community.grafana.com/t/advance ... scales/400

Du musst nur auf der Legende im Schaubild den farbigen Balken anklicken und dann bei "Y-Axis" "Right" anklicken. Das wars.

[tophab]

Supi, danke für den Hinweis!

Ich hatte hier (oder in der FB-Gruppe?) gesehen, wie jemand nach Auswahl einer Zeitrange die entsprechenden Graphen sich anzeigen ließ.
Also eine Art "Auswahlliste" in der openHAb sitemap mit "1 Stunde | 1 Tag | 1 Woche" und dann der entsprechende Graphe ("webview url=xxxxx...&from=<STRING-von-der-getrroffenen-Auswahl>") anzeigen läßt.

Das versuche ich gerade ... aber mit dem Syntax komme ich nicht hin. Falls da jeamnd kurz helfen kann ...
Waren letztlich nur paar Zeilen, finde aber die Quelle nicht mehr ...

[Don Stefano]

Du kannst über ein Switch Item, was mehrere Werte annehmen kann, die Sichtbarkeit der verschiedenen Diagramme steuern. Je nach Auswahl wird dann ein anderer Zeitraum angezeigt und die anderen auf unsichtbar gestellt.

Mobil gesendet

[tophab]

Ja, das versuche ich ja ...

Richtiger Ansatz?

Code: Alles auswählen

Switch item=GraphIntervall label="Graph Intervall" mappings=[1h="1 Stunde",24h="24 Stunden"]

Aber wie weiter ?

[Don Stefano]

Ja, so hab ich das gemeint. Du kannst die Sichtbarkeit des Diagramm Items über das Switch Item steuern. Schau mal in die Sitemap Beschreibung. Ich glaube es heißt "visible".

Mobil gesendet

[tophab]

Das Beispiel das ich gesehe hatte hatte das aber imho anders glöst, der Aufruf des anzuzeigenden Graphen wurde als "Variable" übergeben oder es ware eine if Anfrage nach der gewählten Range ...
if Range=1d: webview url="...
if Range=1w: webview url="....


Aber wie in oH coden? Nur in der sitemap?
MIST, das ich die ursprünglichen Thread dazu nicht mehr finde, war klar und verständlich (und sah einfach aus )

[tophab]

Update, vermutlich war die lösung die ich im Kopf hatte doch mit der von dir vorgeschlagenen "visibility" Variant.

So sieht mein Code aus, evtl. hilft es ja mal jemandem:

sitemap.items (Teil in einem Frame label ...):

Code: Alles auswählen

 Text item=gConsumptions
             {
               Switch item=Consumption_Interval label="Verbrauchsintervall Auswahl" icon="line" mappings=[1="5 Minuten",2="Stunde",3="Tag",4="Woche",5="Monat"]
               Webview icon=weather url="http://192.168.55.5:3000/d-solo/C1aIqSigk/verbrauchsanzeigen?panelId=4&orgId=1&from=now-5m&tab=legend&refresh=2s\"  width=\"450\" height=\"300\" frameborder=\"0\"" height=14 visibility=[Consumption_Interval == 1]
               Webview icon=weather url="http://192.168.55.5:3000/d-solo/C1aIqSigk/verbrauchsanzeigen?panelId=4&orgId=1&from=now-1h&tab=legend&refresh=2s\"  width=\"450\" height=\"300\" frameborder=\"0\"" height=14 visibility=[Consumption_Interval == 2]
               Webview icon=weather url="http://192.168.55.5:3000/d-solo/C1aIqSigk/verbrauchsanzeigen?panelId=4&orgId=1&from=now-24h&tab=legend&refresh=5s\" width=\"450\" height=\"300\" frameborder=\"0\"" height=14 visibility=[Consumption_Interval == 3]
               Webview icon=weather url="http://192.168.55.5:3000/d-solo/C1aIqSigk/verbrauchsanzeigen?panelId=4&orgId=1&from=now-7d&tab=legend&refresh=5s\"  width=\"450\" height=\"300\" frameborder=\"0\"" height=14 visibility=[Consumption_Interval == 4]
               Webview icon=weather url="http://192.168.55.5:3000/d-solo/C1aIqSigk/verbrauchsanzeigen?panelId=4&orgId=1&from=now-28d&tab=legend&refresh=5s\" width=\"450\" height=\"300\" frameborder=\"0\"" height=14 visibility=[Consumption_Interval == 5]
             }

measure.items:

Code: Alles auswählen

Number Consumption_Intervall
    "Verbrauchsanzeige Auswahl "