dl-breadcrumbs__homedl-breadcrumb-item__separatorKonfiguration und Programmierungdl-breadcrumb-item__separatorProgrammieren mit CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorTutorialdl-breadcrumb-item__separatorArraydaten in einem Histogramm darstellen
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Arraydaten in einem Histogramm darstellendl-permalink__symbolPermanentlink

Elementeigenschaften für das Histogramm setzen

Voraussetzungen

  • Ein Projekt enthält ein Visualisierungsobjekt und ein Programm

  • Im Programm ist ein eindimensionales Array deklariert, zum Beispiel ‎histogram : ARRAY[1...10] OF INT;‎

  • Im Programm werden dem Array ‎histogram‎ Daten zugewiesen, zum Beispiel im Bereich zwischen ‎0‎ und ‎50‎.

  1. Doppelklicken Sie im Gerätebaum auf das Objekt „Visualisierung“.

  2. Klicken Sie in der Ansicht „Visualisierungswerkzeuge“ auf die Schaltfläche „Messgeräte“ und ziehen Sie das Element „Histogramm“ in den Visualisierungseditor.

  3. Klicken Sie im Visualisierungseditor auf das eingefügte „Histogramm“.

    Die Ansicht „Eigenschaften“ öffnet sich.

  4. Doppelklicken Sie in der Ansicht „Eigenschaften“ in der Elementeigenschaft „Datenarray“ in das Eingabefeld „Wert“ und klicken Sie auf _visu_icon_open_input_assistant.

  5. Wählen Sie im Dialog „Eingabehilfe“ in der Kategorie „Variablen“ im Programm „PLC (PRG)“ das Array, hier im Beispiel ‎histogram : ARRAY[1..10] OF INT;‎, und klicken Sie auf „OK“.

  6. Wenn Sie nur einen Teilbereich des Arrays als Histogramm darstellen wollen, aktivieren Sie die Option „Unterbereich verwenden“ und geben Sie in „Indexstart“ und „Indexende“ Indexwerte des Arrays ein, die den Unterbereich umfassen.

  7. Wählen Sie den „Darstellungstyp“, zum Beispiel „Balken“.

  8. Geben Sie für die „Relative Balkenbreite“ einen Wert zwischen ‎1‎ und ‎100‎ ein, zum Beispiel ‎30‎.

  9. Klicken Sie im Visualisierungseditor auf das Histogramm und verändern Sie die Größe und die Position nach Ihren Wünschen.

    Die Eigenschaft „Position“ verändert ihre Werte entsprechend.

  10. Geben Sie die Werte für die Elementeigenschaft „Skala“ ein. Wählen Sie die Werte für „Skalenanfang“ und „Skalenende“ so, dass das Array vollständig dargestellt wird. Für das Beispiel: „Skalenanfang“ ‎0‎, „Skalenende“ ‎50‎.

    Für den Abstand der Werte auf der Grobskala geben Sie in „Hauptskala“ zum Beispiel den Wert ‎10‎ ein.

  11. In der Elementeigenschaft „Beschriftung“ geben Sie gegebenenfalls die „Einheit“ für die dargestellten Werte ein.

  12. Wählen Sie den Befehl „Erstellen  Code erzeugen“.

  13. Wenn das Projekt fehlerfrei übersetzt wurde, wählen Sie den Befehl „Online  Einloggen“ und starten Sie die Applikation mit dem Befehl „Debug  Start“.

    Das Histogramm wird in Ihrer Visualisierung wie folgt dargestellt:

    _visu_img_histogram_example

Alarmfarben für das Histogramm definieren

Die Visualisierung zeigt ein Histogramm, dessen Balken alle dieselbe Farbe haben, zum Beispiel grün. Sie wollen nun, dass diejenigen Balken, die einen kleineren Wert als zum Beispiel ‎30‎ präsentieren, in einer anderen Farbe, dargestellt werden, zum Beispiel in rot.

  1. Wählen Sie die Elementeigenschaft „Farben  Alarmfarbe“.

  2. Geben Sie in „Alarmwert“ den Grenzwert ein, über oder unter dem die Balken in einer anderen Farbe dargestellt werden sollen.

  3. Wählen Sie in „Alarmbedingung“ aus der Auswahlliste „Mehr “ aus, wenn alle Werte, die größer als der „Alarmwert“ sind, in einer anderen Farbe dargestellt werden sollen. Ansonsten wählen Sie „Weniger“.

  4. Wählen Sie eine „Alarmfarbe“ aus, zum Beispiel „Rot“.

  5. Wählen Sie den Befehl „Erstellen  Code erzeugen“.

  6. Wenn das Projekt fehlerfrei übersetzt wurde, wählen Sie den Befehl „Online  Einloggen“ und starten Sie die Applikation mit dem Befehl „Debug  Start“.

    Im Histogramm im Beispiel werden alle Balken, die Werte größer als ‎30‎ präsentieren, rot dargestellt:

    _visu_img_histogram_alarm