Controls

Zeitachse

Die Idee der Zeitachse ist es, verschiedene Zustände in einem Zeitverlauf darzustellen. Du kannst dazu Daten nutzen, die entweder Zeitstempel oder eine Dauer enthalten.

Die Zeitachse kann beispielsweise für eine Maschine benutzt werden, die die Zustände Rüsten (01), Produzieren (02) und Fehler (03) hat. Es soll eine Darstellung über die Zeit erfolgen, die die einzelnen Zustände übersichtlich zeigt.

Datengrundlage

Als Datengrundlage dienen im folgenden Beispiel zwei statische Listen. Im realen Einsatz kann aber auch jede dynamische Datenquelle genutzt werden, deren Daten alle nötigen Informationen enthalten oder passend vorbereitet wurden.

Im Beispiel enthält die Liste [Timestamp] eine Spalte vom Datentyp Number mit den Zeitstempeln im Format HHmm. Die zweite Spalte vom Datentyp String enthält den jeweiligen Status (01-03) der an diesem Zeitstempel begonnen hat.

Statische Liste Timestamp

Die Liste [Duration] enthält ebenfalls eine Spalte vom Datentyp Number. Diese enthält die Dauer wie lange die jeweiligen Status angehalten haben. Die zweite Spalte in dieser Liste vom Typ String enthält wie bei der ersten Liste wieder den jeweils zugehörigen Status (01-03).

Statische Liste Duration

Control hinzufügen und vorbereiten

Um die Zeitachse zu deinem Projekt hinzuzufügen, ziehst du sie per Drag-and-drop auf den Arbeitsbereich. Du findest die Zeitachse (1) im Bereich [Diagramme].

Zeitachse hinzufügen

Wie du bereits an der Leer-Grafik des Controls erkennen kannst, benötigst du für die Verwendung der Zeitachse eine Zeit-Datenquelle. Sie dient dazu, die aktuelle Zeit anzeigen zu können. Im Bereich [Daten] kannst du sie unter [Aktuelle Zeit anzeigen] durch einen Klick auf das Verknüpfungs-Symbol (1) mit dem Zeitachse Control verknüpfen. Lege dort auch dein [Nachladeintervall] (2) in Sekunden fest. Als Nächstes definierst du dann den Eingabetyp (3), den du für die Zeitachse verwenden möchtest.

Zeitdatenquelle verknüpfen

Eingabetyp: Timestamp

Hierbei handelt es sich um den Eingabetyp, der häufiger benutzt wird. Voraussetzung für die Nutzung ist eine Spalte mit Zeitstempeln in der Datenquelle. Mit dem Timestamp-Eingabetyp hast du die Möglichkeit, die Zeitachse zu begrenzen. So lassen sich beispielsweise Arbeitsschichten zwischen festgelegten Uhrzeiten darstellen.

Als erstes verknüpft du die Datenquelle mit dem Verknüpfen-Symbol (1) im Bereich [Zeitstempel Spalte] und wählst die Spalte aus, die die Zeitstempel enthält (2).

Datenquelle Timestamp verknüpfen

Jetzt legst du im Bereich [Daten] unter [Datenformat] (1) fest, in welchem Format die Zeitstempel in der entsprechenden Spalte der Datenquelle vorliegen. Unter [Anzeigeformat] (2) legst du fest, in welchem Format die Daten später in der Zeitachse angezeigt werden sollen.

Datentyp Timestamp

Zeitachse begrenzen

Aktiviere nun die Option [Zeitachse begrenzen] (1) und wähle [Beginn] (2) und [Ende] (3) des Zeitintervalls, das angezeigt werden soll. Achte hierbei darauf, dass diese Angaben im gleichen Format wie das [Datenformat] erfolgen müssen, in unserem Fall also im Format HHmm.

Alternativ kannst du für den realen Einsatz mit einer dynamischen Datenquelle auch eine Variable vom Datentyp Number mit Berginn und Ende des Zeitintervalls verknüpfen.

Zeitachse begrenzen

Aussehen der Zeitachse festlegen

Um die verschiedenen Zustände darstellen zu können, legst du im Bereich [Aussehen] mit dem Button [Zeitachsenfarben bearbeiten] (1) fest, welche Farbe dem jeweiligen Zustand zugeordnet wird. Du kannst außerdem die [Leerfarbe] (2) definieren, falls diese nicht den Standardeinstellungen deines verwendeten Themes entsprechen soll.

Um im Dialog der Zeitachsenfarben deine Wunschfarben festzulegen, legst du dir für jeden Zustand mit dem Button [Neu] (3) eine neue Farbe (4) an und weist diese dem entsprechenden Zustand zu (5).

Zeitachsenfarben festlegen

Neben den Zeitachsenfarben selbst kannst du im Bereich [Beschriftung] (1) noch festlegen, wie die Labels aussehen sollen und im Bereich [Hintergrund] (2) optische Optionen für den Hintergrund auswählen.

Label und Hintergrund

Eingabetyp: Duration

Die zweite Möglichkeit die Zeitachse darzustellen ist der Eingabetyp Duration. Für die Nutzung dessen benötigst du eine Spalte in der Datenquelle, die die Dauer des jeweiligen Zustands enthält. Dieser Eingabetyp kann in der Darstellung nicht begrenzt werden, es werden also alle erfassten Daten aus der Datenquelle in einer Gesamtdarstellung gezeigt. Die einzelnen Zeitabschnitte werden dabei ihrem Anteil an der Gesamtdauer aller Zeitabschnitte nach in der Zeitachse dargestellt. So lassen sich die prozentualen Verhältnisse der Zustände über die Gesamtdauer visuell darstellen.

Mit dem Verknüpfen-Symbol (1) im Bereich [Datenquelle] verbindest du die Datenquelle und wählst die Spalte aus, die die Dauer der Zustände enthält (2).

Datenquelle Duration verknüpfen

Wechsle auf den Eingabetyp Duration (1). Wähle dann unter [Label] (2) aus, welche Spalte für die Beschriftung der Zustände genutzt werden soll.

Damit sind die Vorbereitungen für den Eingabetyp Duration abgeschlossen.

Eingabetyp Duration

Gehe für das Aussehen der Zeitachse so vor wie beim Eingabetyp Timestamp beschrieben.

Die fertigen Zeitachsen

Damit hast du die Einrichtung der Zeitachse abgeschlossen und kannst mit dem [Vorschau]-Button (1) die Anzeige der Zeitachse testen. Je nach gewähltem Datentyp und zugrunde liegender Datenquelle kann diese unterschiedlich aussehen.

Vorschau

Wir lernen von dir!

Hat dir dieser artikel geholfen?

Lass dich erleuchten!

Du benötigst weitere unterstützung?

Peakboard Youtube icon Zum YouTube Kanal

Unsere zahlreichen Videos für Einsteiger und Fortgeschrittene erklären dir genau, wie du dein Dashboard gestaltest.

Peakboard Templates icon Zu den Peakboard Templates

Lade dir unsere Templates für die verschiedensten Anwendungsfälle kostenlos herunter.

Peakboard icon Zu www.peakboard.com

Auf unserer Website findest du alle wichtigen Infos zu Peakboard sowie verschiedene Anwendungsfälle und Success Stories.