|
|
# Integration von Grafana in Jarvis Dashboards
|
|
# Integration von Grafana in Jarvis Dashboards
|
|
|
|
Wie Grafana selbst und Dashboards eingerichtet werden, wurde bereits hier [Grafana Dashboards erstellen](Anleitungen/Grafana-Dashboards-erstellen) beschrieben.
|
|
|
|
In dieser Anleitung werden zwei Möglichkeiten vorgestellt, wie die Integration in Jarvis funktioniert.
|
|
|
|
Auf Seiten Jarvis's sind beide Methoden gleich zu implementieren.
|
|
|
|
|
|
|
|
TODO: |
|
## Ganzes Grafana Dashboard
|
|
\ No newline at end of file |
|
Die erste Möglichkeit Grafana Graphen in Jarvis zu realisieren ist es das ganze Grafana Dashboard in Jarvis darzustellen.
|
|
|
|
Das Design, die Anordnung usw. wird dann auf Seiten Grafanas durchgeführt.
|
|
|
|
|
|
|
|
Dafür öffnen wir in Grafana das Dashboard, was wir darstellen wollen.
|
|
|
|
In der linken Hälfte der oberen Menüleiste, neben dem Pfad, befindet sich das bekannte Symbol zum vernetzen. (3 Punkte)
|
|
|
|
Hier können wir nun auswählen wie wir das Dashboard veröffentlichen wollen. Wenn wir das nicht ganz explizit angeben kann das Dashboard aber nicht von außen zugegriffen werden. Hier spielt der Schlüssel, den wir bei der Einrichtung an ioBroker gegeben haben eine entscheidende Rolle.
|
|
|
|
|
|
|
|
|
|
|
|
Wir wählen hier "Lock time range" ab, damit immer die aktuellsten Werte zu Verfügung stehen. Dann wählen wir das Farbschema.
|
|
|
|
Nun können wir den Link herauskopieren und in Jarvis weitermachen.
|
|
|
|
|
|
|
|
## Einzelne Graphen
|
|
|
|
Die zweite Möglichkeit besteht darin einen einzelnen Graphen in Jarvis darzustellen. Dies bietet die Möglichkeit z.B. eine große Übersichtsseite zu haben, aber mit den selben, oder anderen Graphen auch in anderen Jarvis Tabs/Dashboards zu arbeiten.
|
|
|
|
Dafür klicken wir in einem Grafana Dashboard bei einem Graphen oben in die Ecke auf die drei Punkte (Erscheinen erst wenn man über den Graphen hovert) und hier auf "Share".
|
|
|
|
Es öffnet sich das gleiche Fenster wie in der ersten Möglichkeit. Wieder werden "Lock time range" und das "Theme" eingestellt und der Link kopiert, bevor es zu Jarvis geht.
|
|
|
|
|
|
|
|
## Einstellung in Jarvis
|
|
|
|
In Jarvis wird wie bereits in der Anleitung [LINK] beschrieben, alles über Widgets gelöst.
|
|
|
|
Im Tab Widgets erstellen wir also ersteinmal ein neues ("Widget hinzufügen"), vergeben ein Namen und wählen als "Modul" "iFrame".
|
|
|
|
Hier kann unter "URL" direkt die URL aus Grafana eingefügt werden.
|
|
|
|
Die Einstellungen können hier ohne Änderung übernommen werden, wobei es durchaus Sinn machen kann die Option "Interaktion erlauben" zu entfernen, um ein versehentliches verstellen des Graphen zu vermeiden.
|
|
|
|
Wenn nun auf übernehmen geklickt wird, ist das Widget erstellt und kann im Tab "Layout" hinzugefügt werden.
|
|
|
|
|
|
|
|
## Designoptionen
|
|
|
|
Es gibt ein paar Optionen die die Integration in Jarvis etwas schöner aussehen lässt.
|
|
|
|
Als erstes können das Widget-Label und Icon versteckt werden, sodass nur noch der Graph/Dashboard selber zu sehen ist.
|
|
|
|
Die Option findet sich in den Widgeteinstellungen im Tab "Widgets". Hier ist ganz oben die Option "Widget Label und Icon vertecken" die aktiviert werden kann.
|
|
|
|
|
|
|
|
Zusätzlich lassen sich in zwei Stufen die Menüleisten von Grafana entfernen, indem in der Widgeteinstellung an der URL folgender Text angehangen wird.
|
|
|
|
Stufe 1 versteckt nur die oberste Menüleiste, mit dem Nutzersymbol usw. dafür hängt man "&kiosk=tv" an die URL
|
|
|
|
Stufe 2 versteckt auch die Zeiteinstellung. Dafür muss nur "&kiosk" angehangen werden. |
|
|
|
\ No newline at end of file |
