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.
- 1 - Einleitung
- 1.1 - Einrichtung eines neuen Proxmox Containers
- 1.2 - Installation von InfluxDB und Integration in ioBroker
- 1.3 - Installation von Grafana
- 1.4 - Alternative Installation auf einem Raspberry Pi
- 2 - Grundlagen von Grafana
- 2.1 - Aufbau der Software
- 2.2 - Hinzufügen einer neuen Datenquelle
- 3 - Visualisierung im Dashboard
- 3.1 - Graph
- 3.2 - Stat
- 3.3 - Gauge
- 3.4 - Bar gauge
- 3.5 - Plugin - Discret Panel
- 3.6 - Plugin - Clock Panel
- 4 - Weitere Dashboard Einstellungen und Funktionen
- 4.1 - Festlegung des Zeitraums
- 4.2 - Aktualisierung des Dashboards
- 4.3 - Playlists
- 5 - Anwendungsbeispiele
- 5.1 - Dashboard für Wetterdaten
- 5.2 - Dashboard für den Stromzähler
- 5.3 - Dashboard für die Internet Geschwindigkeit
- 5.4 - Gerät/Leuchtmittel History visualisieren
- 6 - Einbindung in andere Systeme
- 6.1 - Anpassung der Grafana Konfiguration
- 6.2 - Dashboard oder Panel freigeben
- 6.3 - ioBroker VIS Integration
- 6.4 - ioBroker Jarvis Integration
- 7 - Grafana-Cloud Einführung
- 7.1 – iobroker, InfluxDB Cloud und Grafana Cloud – InfluxDB Cloud Installation
- 7.2 – iobroker, InfluxDB Cloud und Grafana Cloud – Grafana Cloud Einrichtung
- 7.3 – iobroker, InfluxDB Cloud und Grafana Cloud – Einfaches Dashboard erstellen
Ich hoffe Dir gefällt der Artikel. Über Kommentare, Anregungen oder Ideen freue ich mich wie immer 🙂