Widget: Gangliniendiagramm

Benutzung

Das Gangliniendiagramm präsentiert Ihnen ausgewählte Datensätze in einer historischen und live Ansicht. Es können unterschiedliche Signale in einem Diagramm dargestellt werden. Die Darstellung erfolgt in Form von Linien, Balken oder Kurven und kann mit verschiedenen Farben verwendet werden. Die Daten werden dann für einen bestimmten Zeitraum angezeigt werden und es besteht die Möglichkeit, die Daten zu exportieren. Das Gangliniendiagramm kann auch als Vergleichsdiagramm verwendet werden, um die Daten von verschiedenen Signalen miteinander zu vergleichen. Oder um die Daten von einem Signal zu verschiedenen Zeitpunkten zu vergleichen. Auch ist es möglich Aggregationswerte in das Diagramm einzublenden.

../../../../../../_images/flowRateXYChart.png

Symbol

Funktion

../../../../../../_images/liveModeButton.png

Aktivierung des Livemodus. Anschließend werden max. die letzten 24 h dargestellt inkl. aktueller Live-Daten angezeigt.

../../../../../../_images/chartRefreshButton3.png

Aktualisiert die historische Ansicht ohne einen Browser-Refresh durchzuführen.

../../../../../../_images/timeRangeSelectionButton3.png

Öffnen die Zeibereichsauswahl. Siehe Details weiter unten.

Analoge Werte als Liniendiagramm

Analoge Werte als Balkendiagramm

Digitale Werte als Liniendiagramm

../../../../../../_images/analogueValuesAsLineChart.png

../../../../../../_images/analogueValuesAsBarChart.png

../../../../../../_images/digitalValuesAsLineGraph.png

Auswertung einer historischen Aufzeichnung

Hier ein Beispiel einer 5 Tagesauswertung.

../../../../../../_images/dailyEvaluation.png

Spezifische Daten eines bestimmten Zeitpunkts werden angezeigt, sobald man mit dem Maus-Cursor über einen bestimmten Punkt fährt.

../../../../../../_images/SpecificData.png

Durch Klicken und Halten des Maus-Cursors auf einem ausgewählten Punkt des Diagramms, kann man einen Bereich markieren, um diesen zu vergrößern.

../../../../../../_images/markArea.png

Beim Vergrößern erscheint in der rechten oberen Ecke des Diagramms ein Feld mit einem Minus-Symbol. Durch Klicken auf das Symbol gelangt man zurück in die Gesamtübersicht.

../../../../../../_images/minusButton.png

Note

Im unteren rechten Bereich können Sie die Daten in beliebigen Formaten exportieren und auf Ihrer Festplatte lokal abspeichern oder weiter auswerten.

Über den grauen Schiebebalken kann der Zeitbereich des Diagramms ebenfalls detaillierter betrachtet werden. Über den Kreis oben rechts mit dem Strich in der Mitte lässt sich die Ursprungsansicht wieder herstellen.

../../../../../../_images/chartScrollbarEnabled.png

Note

Durch Klicken auf die einzelnen farbigen Legenden unter dem Diagramm wird das entsprechende Signal in der Diagramm-Ansicht ausgeblendet.

Aggregationswerte

Aggregationswerte können im Diagramm angezeigt werden. Hierbei wird der Durchschnitt, das Minimum und das Maximum berücksichtigt. Die Aggregationswerte können in der Legende des Diagramms angezeigt werden. Die Aggregationswerte können auch als Linie oder Punkt im Diagramm dargestellt werden und müssen in den Anzeigeoptionen und Serieneinstellungen des Gangliniendiagramms aktiviert werden.

../../../../../../_images/analytics.png

Anmerkungen

Innerhalb einer Serie können Notizen an einzelne Datenpunkte hinterlegt werden. Diese Notizen werden als Symbol im Diagramm angezeigt. Durch Klicken auf das Symbol wird die Notiz angezeigt und kann bearbeitet/erstellt werden. Diese Funktion muss in den Anzeigeoptionen des Gangliniendiagramms unter dem Punkt “Anmerkung” aktiviert werden.

../../../../../../_images/note.png

Um eine Notiz zu erstellen/bearbeiten klicken Sie auf das 🔽 Symbol auf Ihrem Datenpunkt. Es öffnet sich ein Popup, in dem Sie Ihre Notiz schreiben/bearbeiten können. Klicken Sie auf “Anwenden & schließen” um die Notiz zu speichern.

../../../../../../_images/notePopUp.png

Zeitbereich auswählen

In der rechten oberen Ecke des Widgets über dem Diagramm befindet sich ein Symbol, das es ermöglicht, vergangene Zeitbereiche auszuwählen und im Widget darzustellen. In der historischen Ansicht kann zusätzlich der Kompressionstyp gewählt werden, um eine optimierte Darstellung zu erhalten. Ebenso besteht die Möglichkeit, einen Vergleichszeitraum auszuwählen, um Daten vergangener Zeiträume mit den von Ihnen ausgewählten Daten zu vergleichen. Anschließend werden die vergangenen Prozesswertkurven der zu vergleichenden Daten gestrichelt dargestellt.

../../../../../../_images/timeRangeSelectionButton3.png

Wenn Sie auf den Zeitsteuerungsbutton klicken, öffnet sich das Zeitsteuerungsmenü, in dem Sie zeitliche Anpassungen vornehmen können.

../../../../../../_images/timeSelectWidget.png

Konfiguration

Basiskonfiguration

In der Basiskonfiguration des Gangliniendiagramms vergeben Sie einen geeigneten Titel. Durch die Auswahl des Hakens kann die Kopfzeile eingeblendet werden.

../../../../../../_images/basicConfigurationDisplayOptions.png

In den Anzeigeoptionen hat man folgende Auswahlmöglichkeiten:

  1. Scrollleiste: Über den grauen Balken oberhalb des Diagramms kann man durch einen bestimmten Bereich vergrößern.

  2. Vertikale Scrolleiste: Über den grauen Balken rechts neben dem Diagram kann man einen bestimmten Bereich vergrößern.

  3. Legenden anzeigen: Die Legende wird unterhalb des Diagramms angezeigt.

  4. Schmale Legende: Ist schmale Legende aktiviert, wird die Box in Serien in der angegebenen Dicke angezeigt, ist es deaktiviert wird die Box in der Standardgröße angezeigt. Die Symbole passen sich dann nicht gemäß der Liniendicke an.

  5. Punkte für Aggregationswerte anzeigen: Zeigt Punkte für die Aggregationswerte im Diagramm an. Diese Einstellung muss zusätzlich für die jeweiligen Serien angeklickt werden.

  6. Linien für Aggregationswerte anzeigen: Zeigt Hilfslinien für die Aggregationswerte im Diagramm an. Diese Einstellung muss zusätzlich für die jeweiligen Serien angeklickt werden.

  7. Anmerkungen: Ermöglicht das Hinzufügen & Lesen von Notizen in dem Diagramm.

  8. Tooltip/Ballon deaktiviert: Damit wird das Pop-up-Fenster deaktiviert, welches erscheint, sobald man mit der Maus über einen Bereich fährt.

Datenauswahl

Innerhalb der Datenauswahl können Sie alle relevanten Signale auswählen, die im Diagramm dargestellt werden sollen. Klicken Sie hierzu auf das Plus im unteren Bereich der Tabelle. Es öffnet sich der Entity-Select Dialog, in dem Sie die Signale auswählen können. Die Reihenfolge der Tabelle entspricht der Reihenfolge der Legende im Diagramm, um diese zu ändern, können Sie einen Eintrag in der Tabelle per Drag & Drop verschieben.

../../../../../../_images/basicConfigurationDataSelection.png

Achse

Die Achsen dienen als Grundlage für die Darstellung der Daten im Diagramm und verbindet Ihre Serien und Hilfslinien. Hierbei können folgende Einstellungen vorgenommen werden:

  • Name: Achsenname, welcher innerhalb der Konfiguration genutzt wird um die Achse zu identifizieren.

  • Bezeichnung: Achsenbeschriftung die auf der Y-Achse angezeigt wird

  • Einheit (optional): Einheit der Achse

  • Position: Position der Achse, links oder rechts

  • Farbe: Färbung der Achse

  • Minimum (optional): Minimalwert der Achse

  • Maximum (optional): Maximalwert der Achse

  • Nachkommastellen (optional): Anzahl der Nachkommastellen der Achse

Werden Minimum, Maximum und/oder Nachkommastellen nicht gesetzt werden diese automatisch von den Serien der Achse bestimmt.

../../../../../../_images/xyChartAxisConfig.png

Hilfslinien

Im Bereich Hilfslinien können Sie innerhalb Ihrer Achsen Linien einfügen, welche Ihnen als Orientierung dienen und somit die Analyse der Daten erleichtern. Hierbei können folgende Einstellungen vorgenommen werden:

  • Achsenauswahl: bestimmt die Achse, für die die Hilfslinie angezeigt werden soll.

  • Wert: gibt an, wo die Hilfslinie angezeigt wird.

  • Bezeichnung (optional): gibt an, wie die Hilieflinie beschriftet wird.

  • Farbe (optional): gibt die Farbe der Hilfslinie an.

  • Dicke: gibt die Stärke der Linie an.

  • Über Serie: gibt an, ob die Hilfslinie über dem Diagramm sichtbar ist oder im Hintergrund angezeigt wird.

../../../../../../_images/xyChartAdditionalLinesConfig.png

Serie

Für alle ausgewählten Datenpunkte wird automatisch eine Serie erstellt. Innerhalb der Spalte “Daten” können Sie überprüfen in welcher Serie Ihr Signal angezeigt wird. Für Ihre Serie können Sie folgende Einstellungen vornehmen:

  • Achse: bestimmt die Achse, auf der die Serie angezeigt wird.

  • Bezeichnung (optional): Sie können eine Beschriftung bestimmen, legen Sie keine Beschriftung fest wird der Signalname verwendet.

  • Typ: bestimmt die Darstellung der Serie. Siehe unten für eine detaillierte Beschreibung der verschiedenen Typen.

  • Farbe: bestimmt die Farbe der Serie.

  • Dicke: bestimmt die Stärke der Serie.

  • Art: nur für Linienserie: die Linie kann hiermit durchgängig, gepunktet oder gestrichelt dargestellt werden.

  • Nachkommastellen (optional): bestimmt die Anzahl der Nachkommastellen, Standardmäßig wird die Anzahl der Nachkommastellen aus dem Signal übernommen. Auf dem Schloss können Sie die Eingabe entsperren.

  • Min. Datenpunkt: Minimal Wert der Serie als Punkt markiert.

  • Max. Datenpunkt: Maximal Wert der Serie als Punkt markiert.

  • Durchschn. Datenpunkt: Durchschnitts Wert der Serie als Punkt markiert.

  • Min. Hilfslinie: Minimal Wert der Serie als Hilfslinie markiert.

  • Max. Hilfslinie: Maximal Wert der Serie als Hilfslinie markiert.

  • Durchschn. Hilfslinie: Durchschnitts Wert der Serie als Hilfslinie markiert.

  • Achsenbereich: Aktiviert eine Färbung des Bereichs zwischen der Min und Max Hilfslinie.

  • Deaktiviert: Deaktiviert die Serie zu Beginn der Anzeige, deaktivierte Serien können über die Legende wieder aktiviert werden. Somit ist Ihr Diagramm zu Beginn übersichtlicher, wenn Sie viele Serien haben.

../../../../../../_images/xyChartSeriesConfig.png

Serientypen:

Typ der Serie

Beschreibung

Grafische Darstellung

Linienserie

Grafische Darstellung der Werte mit einzelnen Linien. Die Verbindung der Punkte erfolgt auf

direktem

Weg.

../../../../../../_images/lineSeriesExample.png

digital Signal : analog Signal

Kurvenlinienserie

Grafische Darstellung der Werte mit einzelnen Linien. Die Verbindung der Punkte erfolgt

abgerundet und nicht

direkt.

../../../../../../_images/curvedLineSeriesExample.png

Schrittlinienserie

Grafische Darstellung der Werte in Schritten. Eine durchgehende Linie zeigt die Hoch- und

Tiefpunkte als Ausschläge nach oben/unten

an.

../../../../../../_images/stepLineExample.png

Säulenserie

Grafische Darstellung der Werte in Form von

Säulen

../../../../../../_images/barExample.png

Stufenserie

Exakt wie die Schrittlinienserie, nur das der Bereich unter der Linie farbig dargestellt

wird. (Gut geeignet für

Digitalsignale)

../../../../../../_images/stepSeriesChart.png

Intervall

Mithilfe der Intervalleinstellungen können Sie die Zeitspanne der Daten im Diagramm festlegen. Im rechten Bereich der Intervalleinstellungen können Sie die Auswirkungen der Einstellungen auf die Darstellung des Diagramms sehen.

Note

Beispiel: Um die Daten eines oder mehrerer Tage darzustellen, setzen Sie den Zeitrahmen auf Tag. Die Periodenzahl bestimmt dahingehend wie viele Tage in der Vergangenheit angezeigt werden sollen. Gleiches gilt für jede andere Einstellung des Zeitrahmens!

../../../../../../_images/iconIntervall.png

Grundeinstellung für die Länge des Intervalls

../../../../../../_images/iconTimeRange.png

Mit dieser Einstellung kann die zeitliche Länge des Zeitrahmens festgelegt werden. Wert dieser Eingabe x Intervallgröße = Zeitrahmen

../../../../../../_images/iconOffset.png

Offset/Versatz. Mit dieser Einstellung kann ein Versatz für den Zeitrahmen bestimmt werden. Sowohl in die Vergangenheit, als auch in die Zukunft.

../../../../../../_images/iconStartPoint.png

Mit dieser Einstellung kann der Tagesbeginn individuell definiert werden

../../../../../../_images/iconCustomWeekStart.png

Mit dieser Einstellung kann ein bestimmter Wochentag als Beginn definiert werden. (Erscheint nur dann, wenn beim Intervall „Woche“ ausgewählt wurde)

../../../../../../_images/xyChartIntervalConfig.png

Zeitmanagement

In dem Reiter „Zeitmanagement“ können Sie eine Kanal-Verknüpfung festlegen. Diese Funktion ermöglicht es, mehrere Analyse-Widgets miteinander zu verknüpfen. Durch die Vergabe desselben Kanals an unterschiedliche Analyse-Widgets können die Zeiträume dieser Widgets gleichzeitig gesteuert werden. Wichtig ist, dass diese Funktion aktiviert wird und die Kanal-Bezeichnung einzigartig ist. Alle zusammengehörigen Widgets müssen aber die gleiche Kanal-Bezeichnung haben.

../../../../../../_images/xyChartTimeManagement.png

Livemodus

Ist der Livemodus aktiviert erscheint im Widget ein Symbol mit dem dieser im Widget angewendet werden kann. Anschließend wird lediglich der “Anzeige Zeitraum” (1h-24h) mit historischen Werten angezeigt, zusätzlich erscheinen die Live-Werte des IoT Gerätes.

Soll das Widget im Livemodus starten, so kann diese Einstellung ebenfalls per Haken getroffen werden. Anschließen gibt es die Option diesen im Widget zu deaktivieren.

../../../../../../_images/xyChartLivemode.png