Dashboard Beispiel

Dieses Beispiel führt Schritt für Schritt durch das Erstellen eines Dashboards mit einem Gauge Widget. Es wird dazu ein bereits laufendes WinCC OA Projekt mit dem passenden Dashboard Server Manager und einem WinCC OA-Benutzer mit der entsprechenden Berechtigung benötigt.

  1. Öffnen Sie das Dashboard mit der eingestellten URL. Wenn der Browser auf dem gleichen Rechner wie der bereits laufende Server gestartet wird, muss "localhost" als Hostname verwendet werden.
  2. Loggen Sie sich mit dem WinCC OA-Benutzer ein. Stellen Sie sicher, dass der Editiermodus nicht mit der Slider-Schaltfläche deaktiviert ist.
  3. Jetzt ist die Übersicht über alle Dashboards zu sehen. Fügen Sie ein neues Dashboard mit der Hinzufügen-Schaltfläche hinzu.
  4. Nun öffnet sich der Editiermodus für neue Dashboards.
    1. Setzen Sie den Namen "Gauge Dashboard" und eine Beschreibung für das Dashboard in den gewünschten Sprachen.
    2. Setzen Sie eine Hintergrundfarbe mit dem Farbselektor.
    3. Speichern Sie das Dashboard.
  5. Das Dashboard öffnet sich nun im Ansichtsmodus. Aktivieren Sie den Editiermodus mit der Widgets editieren-Schaltfläche.
    • Öffnen Sie den Datenpunkt- und Widget-Selektor über die Schaltfläche in der rechten oberen Ecke.
    • Wählen Sie den Datenpunkt ExampleDP_Rpt1 aus der Liste mit einem Klick aus.
  6. Dies öffnet automatisch den Auswahldialog für Widgets. Wählen Sie das Gauge-Widget durch Klicken aus.
  7. Nun öffnen sich die Einstellungen für das Gauge-Widget. Die folgenden Einstellungen müssen vorgenommen werden:
    1. Fügen Sie den Widget-Namen "Gauge" als Titel ein.
    2. Fügen Sie den Untertitel vom Datenpunkt ein, in dem sie aus der Drop-Down Liste die Datenpunktadresse auswählen.
    3. Das Segment "Daten" ist bereits ausgefüllt, da der Datenpunkt zuvor ausgewählt wurde. Zusätzlich dazu, wählen Sie die Option Alarme als Badge darstellen" durch abhaken der Checkbox.
    4. Fügen Sie ein "Benutzerdefiniertes" Format von 3 Stellen vor und nach dem Komma hinzu.
    5. Fügen sie die "Manuelle" Einheit "Units" hinzu.
    6. Aktivieren Sie den "Manuellen" Wertebereich, und setzen Sie 0 und 150 als Endwerte.
  8. Speichern Sie die Änderungen.
  9. Ziehen Sie das Widget in die Mitte der Dashboardoberfläche, indem Sie die Grid-Schaltfläche in der rechten oberen Ecke Drücken und Halten.
  10. Verlassen Sie den Editiermodus durch nochmaliges Klicken der Widgets editieren Schaltfläche. Das Gauge-Widget ist nun im Ansichtsmodus zu sehen.