# Gantt-Ansicht ![State Gantt preview](../../../../../_attachments/opendash/widgets/assets/widget-previews/hc-states-gantt.png) ### Beschreibung Das **Gantt-Ansicht Widget** ermöglicht die übersichtliche Visualisierung zeitlicher Abläufe und Zustandsänderungen verschiedener Datenquellen auf einer gemeinsamen Zeitachse. IoT-Anwender können damit Betriebszustände, Event-Dauern oder Statuswechsel (wie Produktion, Stillstand oder Wartung) mehrerer Maschinen direkt miteinander vergleichen und zeitliche Abhängigkeiten sofort erkennen. ### Voraussetzungen * Ein aktives Dashboard mit Berechtigungen zum Bearbeiten von Widgets. * Konfigurierte IoT-Datenquellen im System, die diskrete Zustände oder Event-Daten liefern (z. B. Maschinenzustände oder Fehlermeldungen). * Historische Zeitreihendaten für die ausgewählten Datenpunkte. --- ## 1. Konfiguration und Einrichtung 1. **Einstellungen öffnen**: Klicke oben rechts am Widget auf die drei vertikalen Punkte und wähle im Dropdown-Menü den Punkt **Einstellungen** aus. 2. **Datenquellen zuweisen**: * Du befindest dich standardmäßig im Reiter **Daten**. * Klicke in das Eingabefeld unter **Wähle Datenquellen aus, die du visualisieren möchtest.**, um das Such- und Auswahlmenü zu öffnen. * Wähle die gewünschten Status- oder Event-Datenpunkte aus (z. B. `Status (Demo Halle A - Maschine A)`), indem du das entsprechende Kontrollkästchen aktivierst. 3. **Zeitraum festlegen**: * Gehe zum Bereich **Wähle den Zeitraum, für den die Daten geladen werden sollen.** darunter. * Definiere die relative Zeitdauer, indem du die gewünschte Zahl einträgst (z. B. `4`) und die Zeiteinheit im Dropdown-Menü festlegst (z. B. **Stunden**). 4. **Speichern**: Klicke unten rechts auf die Schaltfläche **Speichern**, um die Konfiguration anzuwenden und das Widget auf dem Dashboard aufzubauen. --- ## 2. Erweiterte Einstellungen & Formatierung Über die Konfigurationsfenster lassen sich sowohl das zeitliche Verhalten als auch die Gruppierungs- und Anzeigeeigenschaften der Gantt-Diagrammlinien präzise steuern: | Option | Beschreibung | Funktion | | :--- | :--- | :--- | | **Filter hinzufügen** | Schaltfläche unter der Datenquellenauswahl. | Erlaubt es, bestimmte Zustände oder Datenwerte gezielt ein- oder auszugrenzen. | | **Daten aus der Zukunft laden** | Kontrollkästchen im Reiter **Daten**. | Ermöglicht die Anzeige von geplanten zukünftigen Events oder Schichtplänen. | | **Randwerte ergänzen** | Kontrollkästchen im Reiter **Daten**. | Füllt Lücken am Anfang und Ende des gewählten Zeitfensters mit dem jeweils letzten bekannten Zustand auf. | | **Start-/Endzeit an Zeiteinheit anpassen** | Kontrollkästchen (standardmäßig aktiv). | Rundet die Achsenbegrenzung automatisch auf saubere Stunden- oder Tagesgrenzen. | | **Zahlenwerte in Blöcke... gruppieren** | Numerisches Eingabefeld im Reiter **Einstellungen**. | Fasst kleinteilige, aufeinanderfolgende Datenwerte zu größeren Blöcken zusammen, um die Übersicht zu wahren (`0` deaktiviert die Gruppierung). | | **Zustände ausblenden, die kürzer sind als** | Numerisches Eingabefeld im Reiter **Einstellungen**. | Filtert extrem kurze "Daten-Spikes" oder Mikrostillstände unterhalb einer bestimmten Sekundenzahl heraus. | | **"false"-Zustände von booleschen Werten anzeigen** | Kontrollkästchen im Reiter **Einstellungen**. | Bestimmt, ob negative Digitalzustände (z. B. `Aus`) als eigene farbige Blöcke dargestellt werden. | | **Zustands-Prozentwerte anzeigen** | Kontrollkästchen im Reiter **Einstellungen**. | Blendet statistische Prozentanteile der jeweiligen Zustände über den Auswertungszeitraum hinweg ein. | | **Zeitraum-Navigation anzeigen** | Kontrollkästchen im Reiter **Einstellungen**. | Fügt dem Widget interaktive Steuerelemente zur direkten Zeitanpassung auf dem Dashboard hinzu. | --- ## 3. Das fertige Dashboard-Ergebnis Nach der Einrichtung liefert das Widget eine mehrzeilige, farbcodierte Zeitleiste auf deinem Dashboard. Jede ausgewählte Datenquelle erhält eine eigene horizontale Spur, auf der die verschiedenen Zustände als farbige Blöcke entlang der oberen Zeitachse abgetragen sind. Bewege den Mauszeiger über einen Block, um ein Info-Fenster mit dem exakten Namen des Zustands (z. B. `Produktion`), der genauen Start- und Endzeit sowie der präzisen Gesamtdauer des Events aufzurufen. Über das integrierte Steuerungsmenü direkt am Widget kannst du die temporäre Zeiteinheit (z. B. von **Bereich: Stunde** auf **Bereich: Tag**) umschalten und mit den Pfeiltasten (**Letzte(r) Tag** / **Nächste(r) Tag**) unkompliziert durch die Historie vor- und zurückblättern. > 💡 **Praxis-Tipp:** Nutze die Option **Randwerte ergänzen** in den Dateneinstellungen. Sie stellt sicher, dass ein Zustand, der vor Beginn deines gewählten Zeitfensters gestartet ist und immer noch anhält, lückenlos ab der ersten Minute im Diagramm farbig gezeichnet wird.