Bar Chart

Ein BarChart ist ein Balkendiagramm. Es kann statisch mit Daten gefüllt werden oder dynamisch über ein Array mit Daten versorgt werden.

Eine Beschreibung der Konfiguration finden Sie in dem Kapitel Konfiguration.

Attribute

Kategorie: Colors

Name	Beschreibung
GridBackgroundColor	Definition der Hintergrundfarbe des Koordinatensystems
XAxisColor	Definiton der Farbe der X-Achse
YAxisColor	Definition der Farbe der Y-Achse
GridLineColor	Definition der Farbe des Koordinatennetzes
SectionsBackgroundColor	Definition der Farbe der Sektionen
SubgridLineColor	Definition der Farbe des Hilfskoordinatennetzes
XLabelFontColor	Definition der Farbe der X-Achsenbeschriftung
XAxisNameFontColor	Definition der Farbe des Y-Achsennamens
YLabelFontColor	Definition der Farbe der Y-Achsenbeschriftung
YAxisNameFontColor	Definition der Farbe des Y-Achsennamens
BackgroundColor	Definition der Hintergrundfarbe
BorderColor	Definition der Rahmenfarbe des Controls

Kategorie: Layout

Name	Beschreibung
Left	Definition des Abstands der linken Seite zur linken Seite des umschließenden Controls
LeftUnit	Definition der Einheit des Abstands zur rechten Seite des umschließenden Controls: Pixel für eine absolute Positionierung Prozent für eine relative Positionierung
Top	Definition des Abstands der oberen Seite zur oberen Seite des umschließenden Controls
TopUnit	Auswahl der Einheit des Abstands zur oberen Seite des umschließenden Controls: Pixel für eine absolute Positionierung Prozent für eine relative Positionierung
Right	Definition des Abstands der rechten Seite zur rechten Seite des umschließenden Controls
RightUnit	Auswahl der Einheit des Abstands zur rechten Seite des umschließenden Controls: Pixel für eine absolute Positionierung Prozent für eine relative Positionierung
Bottom	Definition des Abstands der unteren Seite zur unteren Seite des umschließenden Controls
BottomUnit	Auswahl der Einheit des Abstands zur unteren Seite des umschließenden Controls: Pixel für eine absolute Positionierung Prozent für eine relative Positionierung
Width	Definition der äußeren Breite des Controls
WidthUnit	Auswahl der Einheit der Breite: Pixel für eine absolute Breite Prozent für eine relative Breite
Height	Definition der äußere Höhe des Controls
HeightUnit	Auswahl der Einheit der Höhe: Pixel für eine absolute Höhe Prozent für eine relative Höhe
MaxWidth	Definition der maximalen Breite, wenn die Control-Größe dynamisch definiert ist.
MaxWidthUnit	Auswahl der Einheit der maximalen Breite: Pixel für einen absoluten Wert Prozent für einen relativen Wert
MinWidth	Definition der minimalen Breite, wenn die Control-Größe dynamisch definiert ist.
MinWidthUnit	Auswahl der Einheit der minimalen Breite: Pixel für einen absoluten Wert Prozent für einen relativen Wert
MaxHeight	Definition der maximalen Höhe, wenn die Control-Größe dynamisch definiert ist.
MaxHeightUnit	Auswahl der Einheit der maximalen Höhe: Pixel für einen absoluten Wert Prozent für einen relativen Wert
MinHeight	Definition der minimalen Höhe, wenn die Control-Größe dynamisch definiert ist.
MinHeightUnit	Auswahl der Einheit der minimalen Höhe: Pixel für einen absoluten Wert Prozent für einen relativen Wert
RenderedLeft	Berechneter Pixel-Abstand der linken Seite zur linken Seite des umschließenden Controls
RenderedTop	Berechneter Pixel-Abstand der oberen Seite zur oberen Seite des umschließenden Controls
RenderedRight	Berechneter Pixel-Abstand der rechten Seite zur rechten Seite des umschließenden Controls
RenderedBottom	Berechneter Pixel-Abstand der unteren Seite zur unteren Seite des umschließenden Controls
RenderedWidth	Berechnete Pixel-Breite des Controls
RenderedHeight	Berechnete Pixel-Höhe des Controls
GridRowIndex	Definition der Zeile eines Grids, in der das Control dargestellt werden soll.
GridColumnIndex	Definition der Spalte eines Grids, in der das Control dargestellt werden soll.
Opacity	Definition der Transparenz des ganzen Controls
Visibility	Auswahl der Sichtbarkeit eines Controls: Visible: Control ist sichtbar. Hidden: Control ist unsichtbar, wird aber gezeichnet – Controls dahinter sind nicht bedienbar. Collapsed: Control ist unsichtbar und wird nicht gezeichnet – Controls dahinter sind bedienbar.
ZIndex	Definition der Position auf der Z-Achse
Transform	Definition einer Transformation eines Controls: Translate: Verschieben in X-, Y-, Z-Richtung Rotate: Drehen um einen Winkel Scale: Zoomen um einen Faktor Skew: Schräges Darstellen der Seiten um einen Winkel Origin: Setzen des Ursprungs der Transformation relativ zur Position des Controls Perspective: Setzen der Perspektive der Transformationen aller Kindelemente
BoxShadow	Definition eines Schattens
WidthMode	Auswahl der Methode zur Berechnung der Breite : Value: Die Breite wird durch die eingetragene Breite definiert. Parent: Die Breite wird durch den Abstand zur linken und rechten Seite des Elternelements definiert. Das Attribut ‚Width‘ wird in allen Berechnungen ignoriert!
HeightMode	Auswahl der Methode zur Berechnung der Höhe: Value: Die Höhe wird durch die eingetragene Höhe definiert. Parent: Die Höhe wird durch den Abstand zur oberen und unteren Seite des Elternelements definiert. Das Attribut ‚Height‘ wird in allen Berechnungen ignoriert!

Kategorie: Common

Name	Beschreibung
BarGraphData	Definition der Daten, welche als Graph dargestellt werden sollen, mithilfe des Dialogs ‚Bar Graph Data‘
BarGraphDescription	Definition der Darstellungsweise der konfigurierten Bar Graphen mithilfe des Dialogs ‚Bar Graph Description‘
BarGraphColors	Definition der Farben der konfigurierten Bar Graphen mithilfe des Dialogs ‚Bar Graph Color‘
ShowLegend	Auswahl, ob die Legende angezeigt werden soll
BarGraphArrangement	Auswahl, der Darstellungsweise des Balkendiagramms: Overlapped: Balken werden übereinander gezeichnet Clustered: Balken werden nebeneinander gezeichet
BarGraphWidth	Definition der Breite der einzelnen Bars.
ReferenceLines	Definition der Referenzlinien.
IsEnabled	Auswahl, ob ein Control aktiviert sein soll
Id	Definition des Namens des Control
Type	Typname des Controls
ClassNames	Definition von Control Klassen
IsAttached	Es ist ein Control logisch im DOM eingehangen.
Tooltip	Definition des Tooltips für das Control

Kategorie: Border

Name	Beschreibung
BorderRadius	Definition des Radius der vier Ecken, um diese abzurunden
BorderStyle	Auswahl des Rahmenstils der vier Seiten des Controls
BorderWidth	Definition der Rahmenbreite der vier Seiten des Controls

Kategorie: Background Image

Name	Beschreibung
BackgroundImage	Definition eines Bildes, welches oberhalb der Hintergrundfarbe liegt
BackgroundImageHeight	Definition der Höhe des Hintergrundbildes
BackgroundImageHeightUnit	Auswahl der Einheit der Höhe des Hintergrundbildes: Pixel für eine absolute Höhe Prozent für eine relative Höhe
BackgroundImageWidth	Definition der Breite des Hintergrundbildes
BackgroundImageWidthUnit	Auswahl der Einheit der Breite des Hintergrundbildes: Pixel für eine absolute Breite Prozent für eine relative Breite
BackgroundImagePadding	Definition eines zusätzlichen Abstands zwischen dem Rahmen des Controls und dem Hintergrundbild für die vier Seiten
BackgroundImageVerticalAlignment	Definition der vertikalen Ausrichtung des Hintergrundbildes innerhalb des Controls
BackgroundImageHorizontalAlignment	Definition der horizontalen Ausrichtung des Hintergrundbildes innerhalb des Controls

Kategorie: XAxis

Name	Beschreibung
ShowXAxis	Auswahl, ob die X-Achse angezeigt werden soll
XShowLabels	Auswahl, ob die X-Achsenbeschriftung angezeigt werden soll
XMainTickSteps	Definition der Schrittgröße der X-Achsenhauptunterteilung
XMainTickMinValue	Definition des minimalen Wertes der X-Achsenhauptunterteilung
XMainTickMaxValue	Definition des maximalen Wertes der X-Achsenhauptunterteilung
ShowXAxisName	Auswahl, ob der X-Achsenname angezeigt werden soll
XAxisName	Definition des X-Achsennamens
XAxisAutoScaling	Auswahl, ob die X-Achse automisch anhand der Datensätze skaliert werden soll – ‚Maintick Min Value‘ und ‚Maintick Max Value‘, sowie ‚X-Axis Maintick Steps‘ müssen nicht gesetzt werden.
XAxisDecimalPlaces	Definition der dargestellten Nachkommastellen bei der X-Achse
XAxisUnit	Definition der X-Achseneinheit
XAxisWidth	Definition der X-Achsenbreite
XLabelFontFamily	Definition der Schriftart über den Namen der Schriftfamilie oder das Schlüsselwort
XLabelFontSize	Definition der Schriftgröße der X-Achsenbeschriftung
XLabelFontSizeUnit	Auswahl der Einheit der Schriftgröße der X-Achsenbeschriftung: Pixel für eine absolute Größe Prozent für eine relative Größe
XLabelFontWeight	Auswahl der Schriftstärke der X-Achsenbeschriftung: Normal Bold: Fett
XAxisFormat	Definition der Formatierung der X-Achsenbeschriftung
XNameFontFamily	Definition der Schriftart über den Namen der Schriftfamilie oder das Schlüsselwort
XNameFontSize	Definition der Schriftgröße des X- Achsennamens
XNameFontSizeUnit	Auswahl der Einheit der Schriftgröße des X- Achsennamens: Pixel für eine absolute Größe Prozent für eine relative Größe
XNameFontWeight	Auswahl der Schriftstärke des X-Achsennamens: Normal Bold: Fett
ShowXSubTicks	Auswahl, ob die Subkoordinatenpunkte auf der X-Achse angezeigt werden sollen
XSubTickSteps	Definition der Schrittgröße der X-Achsenhilfsunterteilung

Kategorie: YAxis

Name	Beschreibung
ShowYAxis	Auswahl, ob die Y-Achse angezeigt werden soll
YPosition	Auswahl der Position der Y-Achse am Koordinatensystem Left: Y-Achse wird auf der linken Seite des Koordinatensystems angezeigt. Right: Y-Achse wird auf der rechten Seite des Koordinatensystems angezeigt.
YAxisAutoScaling	Auswahl, ob die Y-Achse automatisch anhand der Datensätze skaliert werden soll – ‚Maintick Min Value‘ und ‚Maintick Max Value‘, sowie die ‚Y-Axis Maintick Steps‘ müssen nicht gesetzt werden.
YAxisDecimalPlaces	Definition der dargestellten Nachkommastellen bei der Y-Achse
YAxisUnit	Definition der Einheit der Y-Achse
YAxisWidth	Definition der Y-Achsenbreite
ShowYAxisName	Auswahl, ob der Y-Achsenname angezeigt werden soll
YAxisName	Definition des Y-Achsennamens
YAxisNameFontFamily	Definition der Schriftart über den Namen der Schriftfamilie oder das Schlüsselwort
YAxisNameFontSize	Definition der Schriftgröße des Y-Achsennamens
YAxisNameFontSizeUnit	Auswahl der Einheit der Schriftgröße des Y-Achsennamens: Pixel für eine absolute Größe Prozent für eine relative Größe
YAxisNameFontWeight	Auswahl der Schriftstärke des Y-Achsennamens: Normal Bold: Fett
YShowLabels	Auswahl, ob die Y-Achsenbeschriftung angezeigt werden soll
YLabelFontFamily	Definition der Schriftart über den Namen der Schriftfamilie oder das Schlüsselwort
YLabelFontSize	Definition der Schriftgröße der Y-Achsenbeschriftung
YLabelFontSizeUnit	Auswahl der Einheit der Schriftgröße der Y-Achsenbeschriftung: Pixel für eine absolute Größe Prozent für eine relative Größe
YLabelFontWeight	Auswahl der Schriftstärke der Y-Achsenbeschriftung: Normal Bold: Fett
YMainTickMinValue	Definition des minimalen Wertes der Y-Achsenhauptunterteilung
YMainTickMaxValue	Definition des maximalen Wertes der Y-Achsenhauptunterteilung
YMainTickSteps	Definition der Schrittgröße der Y-Achsenhauptunterteilung
ShowYSubTicks	Auswahl, ob die Subkoordinatenpunkte auf der Y-Achse angezeigt werden sollen
YSubTickSteps	Definition der Schrittgröße der Y-Achsenhilfsunterteilung

Kategorie: Grid

Name	Beschreibung
ShowGrid	Auswahl, ob das Koordinatennetz angezeigt werden soll.
GridShowHorizontalLines	Auswahl, ob die horizontalen Linien des Koordinatennetzes angezeigt werden sollen.
GridShowVerticalLines	Auswahl, ob die vertikalen Linien des Koordinatennetzes angezeigt werden sollen.
GridLineStyle	Definition des Linienstils des Koordinatennetzes.
GridLineWidth	Definition der Linienbreite des Koordinatennetzes.
SubgridShowHorizontalLines	Auswahl, ob die horizontalen Linien des Hilfskoordinatennetzes angezeigt werden sollen.
SubgridShowVerticalLines	Auswahl, ob die vertikalen Linien des Hilfskoordinatennetzes angezeigt werden sollen.
SubgridLineStyle	Definition des Linienstils des Hilfskoordinatennetzes.
SubgridLineWidth	Definition der Linienbreite des Hilfskoordinatennetzes.

Ereignisse

Kategorie: Framework

Name	Beschreibung
onAttached	Das Control wurde zur Anzeige hinzugefügt.
onDetached	Das Control wurde aus der Anzeige genommen.
onInitialized	Das Control wurde initialisiert.
onDestroyed	Das Control wurde zerstört.
onMoved	Das Control wurde bezogen auf das Browserfenster bewegt.
onResized	Das Control wurde in seiner Größe verändert.

Kategorie: Operator

Name	Beschreibung
onPressed	Es wurde per Maus geklickt oder ein Touchbildschirm kurz berührt.
onMouseClick	Die linke Maustaste wurde über dem Control gedrückt und losgelassen.
onMouseDoubleClick	Die linke Maustaste wurde zweimal über dem Control gedrückt und losgelassen.
onMouseRightClick	Die rechte Maustaste wurde über dem Control gedrückt und losgelassen.
onMouseDown	Eine Maustaste wurde über dem Control heruntergedrückt.
onMouseEnter	Der Mauszeiger wurde über das Control bewegt.
onMouseLeave	Der Mauszeiger hat das Control verlassen.
onMouseUp	Eine Maustaste wurde über dem Control losgelassen.
onMouseDownLeft	Die linke Maustaste wurde über dem Control heruntergedrückt.
onMouseDownRight	Die rechte Maustaste wurde über dem Control heruntergedrückt.
onMouseMove	Die Maus wurde über dem Control bewegt.
onMouseOver	Der Mauszeiger wurde über das Control oder eines seiner Kinder bewegt.
onMouseOut	Der Mauszeiger hat das Control oder eines seiner Kind-Controls verlassen.
onMouseUpLeft	Die linke Maustaste wurde über dem Control losgelassen.
onMouseUpRight	Die rechte Maustaste wurde über dem Control losgelassen.
onMouseWheel	Das Mausrad wurde über dem Control bewegt.
onTouchStart	Ein Finger/Stift wurde auf ein Touchbildschirm abgesetzt.
onTouchMove	Ein Finger/Stift wurde auf einem Touchbildschirm bewegt.
onTouchEnd	Ein Finger/Stift wurde von einem Touchbildschirm genommen.
onTouchCancel	Eine Interaktion mit einem Touchbildschirm wurde abgebrochen.

Zugriffsrechte

Name	Beschreibung
observe	Legt fest, ob das Control allgemein beobachtbar ist.
operate	Legt fest, ob das Control allgemein bedienbar ist.

Vererbungshierarchie

Control

Bar Chart

NuGet-Paket: Beckhoff.TwinCAT.HMI.Controls

	NuGet-Pakete sind verfügbar ab Version 1.12.

	Verfügbar ab Version 1.8

Siehe auch

API-Referenz dieses Controls

Weiterführende Informationen