Dieser Abschnitt führt Sie durch den Prozess der Erstellung eines einfachen Charts, bei dem ein einzelner Wert visualisiert wird. Sie lernen, wie Sie den Wert auswählen, die Darstellungsart festlegen und den Chart in die Gira Smart Home App integrieren.

1. Aufrufen des Registers „Charts“

  • Öffnen Sie die XTENSION Nodes-Konfigurationsoberfläche unter der URL http://<ip-adresse-vom-girax1>:8081/settings.
  • Wählen Sie das Register „Charts“ aus, um mit der Erstellung Ihres Charts zu beginnen.

2. Wert auswählen

  • In der Liste der Datenpunkte finden Sie den Wert, den Sie visualisieren möchten, zum Beispiel „Wohnzimmer (Temperatur)“.
  • Setzen Sie ein Häkchen in die Checkbox links neben dem gewünschten Wert, um ihn für den Chart auszuwählen.

3. Farbe und Art des Charts festlegen

  • Nachdem Sie den Datenpunkt ausgewählt haben, können Sie die Farbe des Charts und die Darstellungsart festlegen.
  • Für dieses Beispiel belassen wir die vorgeschlagene Farbe und wählen bei der Darstellungsart „Linie“ aus.

4. Sonstige Einstellungen anpassen

  • Scrollen Sie auf der Seite ganz nach unten zu den Sonstigen Einstellungen.
  • Stellen Sie bei „Linienstärke“ sicher, dass der Wert auf 2 Pixel gesetzt ist, um eine klar sichtbare Linie zu erhalten.
  • Ändern Sie bei „Füllung von Bereichen“ die Einstellung von „Verlauf“ auf „Einfarbig“, um die Farbe der Linie in einer einheitlichen Farbe zu gestalten.

5. Chart erzeugen

  • Klicken Sie oben rechts auf die Schaltfläche „Wertverlauf erzeugen“.
  • Der Chart wird nun in einem neuen Fenster angezeigt. Sie sehen den ausgewählten Wert als Linienchart in der konfigurierten Farbe, mit einer Linienstärke von 2 Pixeln.

6. URL kopieren und in die Gira Smart Home App integrieren

  • Kopieren Sie die URL des erstellten Charts.
  • Öffnen Sie den Gira Projekt Assistenten (GPA) und wechseln Sie in den Bereich „Gebäude und Geräte“.
  • Fügen Sie in der Gebäudestruktur eine Funktion „URL-Aufruf“ hinzu, wie bereits im Kapitel „Gira Smart Home App“ erklärt:
    1. Wählen Sie in der Visualisierung einen Raum aus, in dem die Funktion erscheinen soll.
    2. Öffnen Sie in der Bibliothek das Register Visualisierung und wähle die Kachel „URL-Aufruf“.
    3. Ziehen Sie die Funktion an die gewünschte Stelle und fügen Sie die kopierte URL in das URL-Feld ein.

7. Projekt in Betrieb nehmen

  • Nachdem die URL in die Kachel eingefügt wurde, nehmen Sie das Projekt erneut in Betrieb, um die Änderungen zu übertragen.
  • Öffnen Sie die Gira Smart Home App auf Ihrem Mobilgerät oder Ihrem Gira G1, um den Chart anzuzeigen. Der Chart wird jetzt in der App als Linienchart dargestellt, mit den von Ihnen gewählten Einstellungen.