6.3 – Grafana – ioBroker VIS Integration

In diesem Artikel zeige ich Dir, wie Du ein in Grafana erstelltes Dashboard oder Panel in ioBroker VIS integrieren kannst.

Im 6. Artikel der Grafana Artikelreihe haben wir bereits die Grafana Konfiguration für den Zugriff und das Einbetten von Dashboards in Fremdsysteme konfiguriert. Im Artikel 6.1 haben wir dann einen Link generiert, welchen wir nun in ioBroker VIS über das iFrame Widget darstellen werden.

Im ersten Schritt öffnen wir nun ioBroker VIS und wählen eine View aus, auf der wir das Grafana Dashboard einfügen möchten. Wenn Du die View geöffnet hast, kannst Du jetzt das iFrame 8 Widget über die Widget-Leiste auf der linken Bildschirmseite einfügen und die Größe des Widgets direkt anpassen.

In den Eigenschaften des Widgets können wir jetzt im Bereich Allgemein in das Eingabefeld Quelle den vorher generierten Link aus Grafana einfügen.

Wenn wir jetzt die View öffnen, sehen wir hier das Grafana Dashboard.

Wir haben jetzt das komplette Dashboard in unsere View integriert. Das Grafana Dashboard passt sich dabei an die Größe des Frame-Controls an und verkleinert bzw. verändert die Darstellung automatisch.

Was mich aber aktuell noch stört ist die Tatsache, dass im iFrame Widget auch die komplette Menüleiste von Grafana eingeblendet wird. Ein Anwender könnte so das Dashboard wechseln und andere Daten einsehen. Für dieses Problem gibt es eine separate Option am Link des Dashboards.

Füge dazu einfach hinter den Link noch folgenden Parameter hinzu:
&kiosk

Damit öffnet sich Grafana im sogenannten Kiosk-Modus. In diesem Modus wird nur das Dashboard ohne weitere Menüleisten dargestellt. Der einzige Nachteil ist jetzt die Tatsache, dass im Kiosk-Modus die Zeit-Auswahl nicht mehr eingeblendet wird. Da ich aber in der Regel mit relativen Zeitangaben arbeite, stört mich das hier nicht weiter.

Ich hoffe Dir gefällt der Artikel. Über Kommentare, Anregungen oder Ideen freue ich mich wie immer 🙂