Das Widget "Balkendiagramm" ist als Standard-Widget in der Plattform und als Web-Komponente verfügbar, die aus einem SDK importiert werden kann. |
X-Achse | Wert der Y-Achse | Wert der Y-Achse N | |
---|---|---|---|
Felddefinition | x:{name:'x',baseType:'STRING'} | value1:{name:'value1',baseType:'NUMBER'} | value2:{name:'value2',baseType:'NUMBER'} |
Verwenden | Definiert die Werte der X-Achse für den Diagrammbalken oder die Spalte. Die Daten müssen einen STRING-Basistyp aufweisen. Jede Zeile wird als Kategorie auf der X-Achse angezeigt. Der definierte Name für diese Spalte ist die Option, die Sie für die XAaxisField-Widget-Eigenschaft auswählen sollten. | Definiert den Wert der Y-Achse und die Legendenbeschriftung für die Kategorie. | Definiert den Wert der Y-Achse und die Legendenbeschriftung für jede zusätzliche Datenreihe. |
Basistyp | STRING | NUMBER | NUMBER |
Zeilenbeispiel | x: 'Apple' – Wobei Apple der Kategoriename ist, der auf der X-Achse angezeigt wird | value1: 10 – Wert der Y-Achse für die Kategorie | value2: 30 – Wert der Y-Achse für die zweite Datenreihe |
Bei den Zeichen wird die Groß-/Kleinschreibung beachtet. Beispiel: "M" steht für Monat und "m" für Minute. |
Stellen Sie sicher, dass der Dienst zur Laufzeit von einem Ereignis ausgelöst wird. |
Damit die Diagrammdaten zur Laufzeit automatisch aktualisiert werden, erstellen Sie eine Funktion "Automatisch aktualisieren", und binden Sie sie an den Datendienst, der die Diagrammdaten zurückgibt. Weitere Informationen finden Sie unter Automatisch aktualisieren. |
Standardmäßig werden alle Daten auf der primären Achse angezeigt. |
Eigenschaftenname | Beschreibung | Basistyp | Standardwert | Bindung möglich? (J/N) | Lokalisierbar? (J/N) |
---|---|---|---|---|---|
SecondYAxis | Fügt dem Diagramm eine sekundäre Y-Achse hinzu. | BOOLEAN | False | J | N |
SecondYAxisLabel | Gibt die Textbeschriftung für die sekundäre Y-Achse an. | STRING | Sekundäre Y-Achse | J | J |
SecondYAxisLabelAlignment | Richtet die Beschriftung für die sekundäre Y-Achse aus. Sie können die Beschriftung Oben, in der Mitte oder Unten positionieren. Standardmäßig wird die Beschriftung in der Mitte positioniert. | STRING | Mitte | Nein | N |
SecondYAxisFormat | Legt das Format für die Werte der sekundären Y-Achse fest. Mit dieser Eigenschaft können Sie bestimmen, wie die angezeigten Daten aussehen sollen. Sie können beispielsweise die Anzahl der Stellen nach dem Dezimalkomma festlegen. | STRING | 0000.0 | J | N |
SecondYAxisMaxValue | Legt einen Maximalbereich für die Werte der sekundären Y-Achse fest. Standardmäßig wird der Bereich automatisch berechnet, und alle Daten werden angezeigt. | NUMBER | N/A | J | N |
SecondYAxisMinValue | Legt einen Maximalbereich für die Werte der sekundären Y-Achse fest. Standardmäßig wird der Bereich automatisch basierend auf den Widget-Daten berechnet. | NUMBER | N/A | J | N |
UseSecondYAxis1..n | Zeigt die Werte für Datenreihe n auf der sekundären Y-Achse an. Diese Eigenschaft ist verfügbar, wenn Sie NumberOfSeries von Auto in eine feste Zahl ändern. | BOOLEAN | False | N | N |
YAxisRulerAlignment | Gibt die Y-Achse an, die als Referenz für Lineallinien verwendet werden soll. Sie können Lineallinien an den Datenwertmarkierungen der primären oder sekundären Y-Achse ausrichten. | STRING | Primäre Y-Achse | J | N |
SecondYAxisSeriesDisplay | Steuert, wie Datenreihen für die sekundäre Y-Achse im Diagramm gestapelt werden. Sie können die Werte stapeln und kombinieren, als Prozentsatz des Gesamtwerts stapeln oder Werte gruppieren. Standardmäßig werden die Datenreihen gruppiert. | STRING | Gruppiert | J | N |
Eigenschaftenname | Beschreibung | Basistyp | Standardwert | Bindung möglich? (J/N) | Lokalisierbar? (J/N) | ||
---|---|---|---|---|---|---|---|
ChartType | Legt den Diagrammtyp als Balkendiagramm oder Säulendiagramm fest. | STRING | Balkendiagramm | N | N | ||
CustomClass | Benutzerdefinierte CSS-Klasse für das oberste div-Element des Widgets. Es können mehrere Klassen, getrennt durch ein Leerzeichen, eingegeben werden. | STRING | N/A | J | N | ||
Data | Die Infotable-Datenquelle für das Diagramm. | INFOTABLE | N/A | J | N | ||
DataField1 — DataField24 | Diese Eigenschaften werden aufgelistet, wenn Sie NumberOfSereis auf eine feste Zahl festlegen. Mit diesen Eigenschaften können Sie die Infotable-Spalte auswählen, die für die einzelnen Datenreihen verwendet werden soll. | Infotable-Spalte | N/A | N | N | ||
DataLabel1 — DataLabel24 | Diese Eigenschaften werden aufgelistet, wenn Sie NumberOfSereis auf eine spezifische Zahl festlegen. Sie können die Eigenschaften verwenden, um eine benutzerdefinierte Beschriftung für jede Datenreihe in der Legende anzugeben. Weitere Informationen finden Sie unter Diagrammlegende anpassen. | STRING | N/A | N | J | ||
DataSeriesStyle | Öffnet das Dialogfenster zur Konfiguration der Statusformatierung. Diese Eigenschaft wird angezeigt, wenn NumberOfSeries auf Automatisch festgelegt ist. Die Statusdefinition wird auf alle Datenreihen im Diagramm angewendet.
| Statusdefinition | N/A | N | N | ||
DataSeriesStyle1 — DataSeriesStyle24 | Diese Eigenschaften werden basierend auf der Zahl aufgelistet, die Sie für die Eigenschaft NumberOfSereis festgelegt haben. Mit diesen Eigenschaften können Sie eine separate Statusdefinition für jede Datenreihe im Diagramm anwenden. | Statusdefinition | N/A | N | |||
Disabled | Deaktiviert das Widget im Mashup. Das Widget wird im Mashup angezeigt, Sie können jedoch nicht darauf klicken oder es auswählen. | BOOLEAN | False | J | N | ||
DirectSelectionZoom | Ermöglicht es Ihnen, zu vergrößern, indem Sie zwei Datenelemente im Diagramm auswählen. Die Optionen, die für diese Eigenschaft verfügbar sind, sind Horizontale Achse, Vertikale Achse, Beide und Keine. Diese Eigenschaft wird in der Eigenschaftsliste angezeigt, wenn Sie HorizontalZoom auswählen. | STRING | - | J | N | ||
DragSelectionZoom | Ermöglicht es Ihnen, einen bestimmten Teil des Diagramms zu vergrößern, indem Sie ein Auswahlrechteck um den Datenbereich zeichnen, den Sie anzeigen möchten. Die Optionen, die für diese Eigenschaft verfügbar sind, sind Horizontale Achse, Vertikale Achse, Beide und Keine. Diese Eigenschaft wird in der Eigenschaftsliste angezeigt, wenn Sie HorizontalZoom auswählen. | STRING | - | J | N | ||
EmptyChartIcon | Gibt das Symbol an, das angezeigt werden soll, wenn das Diagramm leer ist. | Media Entity | not visible | N | N | ||
EmptyChartLabel | Gibt den Text an, der angezeigt werden soll, wenn das Diagramm leer ist. | STRING | [[ChartStateLabelEmpty]] | N | J | ||
ErrorStateIcon | Gibt das Symbol an, das angezeigt werden soll, wenn das Diagramm leer ist. | Media Entity | error | N | N | ||
ErrorStateLabel | Gibt den Text an, der angezeigt werden soll, wenn das Diagramm leer ist. | STRING | N | J | |||
LoadingIcon | Gibt das Symbol an, das angezeigt werden soll, wenn die Diagrammdaten geladen werden. | Media Entity | chart loading icon | N | N | ||
NoDataSourceIcon | Gibt das Symbol an, das angezeigt werden soll, wenn das Diagramm nicht an eine Datenquelle gebunden ist. | Media Entity | bind | N | N | ||
NoDataSourceLabel | Gibt den Text an, der angezeigt werden soll, wenn das Diagramm nicht an eine Datenquelle gebunden ist. | STRING | [[ChartStateLabelNoData]] | N | J | ||
ExternalPadding | Legt die Auffüllung von den Achsen fest. Die Auffüllung ist ein Prozentsatz der Balkenbreite. | NUMBER | 25 | J | N | ||
GroupPadding | Legt die Auffüllung zwischen den Gruppen der Reihen von Daten fest. Die Auffüllung ist ein Prozentsatz der Balkenbreite. | NUMBER | 25 | J | N | ||
HideLegend | Blendet den Legendenbereich aus. Wenn Sie diese Eigenschaft auswählen, werden die Eigenschaften LegendAlignment, LegendFilter, LegendMarkerShapes, LegendMaxWidth und LegendPosition nicht in der Eigenschaftsliste angezeigt. | BOOLEAN | False | J | N | ||
HideDataTooltips | Blendet Tooltips aus, die angezeigt werden, wenn der Benutzer mit der Maus auf einen Datenpunkt im Diagramm zeigt oder ihn auswählt. | BOOLEAN | False | N | N | ||
HideNotes | Blendet den Notizbereich aus. Wenn Sie diese Eigenschaft auswählen, werden die Eigenschaften Notes, NotesAlignment und NotesPosition nicht in der Eigenschaftsliste angezeigt. | BOOLEAN | False | J | N | ||
HideValues | Blendet alle Wertbeschriftungen im Diagramm aus. | BOOLEAN | False | J | N | ||
HideXAxis | Blendet die X-Achse aus. | BOOLEAN | False | J | N | ||
HideYAxis | Blendet die Y-Achse aus. | BOOLEAN | False | J | N | ||
HorizontalAxisMaxHeight | Legt eine maximale Höhe für die horizontale Achse fest. | NUMBER | 85 | J | N | ||
HorizontalAxisLabelsRotation | Legt den Rotationswinkel von Beschriftungen auf der horizontalen Achse fest. Sie können einen Wert von -180 bis 180 eingeben. | NUMBER | Automatisch anpassen | N | N | ||
HorizontalZoom | Ermöglicht es Ihnen, die horizontale Achse zu vergrößern. Wenn Sie diese Eigenschaft auswählen, werden die Eigenschaften HorizontalIntervalControl, HorizontalRangeZoom, HorizontalSliderZoom, DirectSelectionZoom und DragSelectionZoom in der Eigenschaftsliste angezeigt. | BOOLEAN | False | J | N | ||
HorizontalIntervalControl | Fügt Steuerelemente hinzu, mit denen Sie die horizontale Achse entsprechend bestimmten Intervallen vergrößern können. Die verfügbaren Optionen sind Keine (Standardauswahl) und Dropdown-Liste. Wenn Sie Dropdown-Liste auswählen, werden die Eigenschaften HorizontalIntervalControlLabel und HorizontalIntervalData in der Eigenschaftsliste angezeigt. | STRING | - | N | N | ||
HorizontalIntervalControlLabel | Gibt die Beschriftung für die Intervallzoomsteuerungen für die horizontale Achse an. | STRING | N/A | J | J | ||
HorizontalIntervalData | Die Datenquelle für die Optionen zur Intervall-Zoomsteuerung. Wenn Sie einen Eintrag aus der Dropdown-Liste des horizontalen Intervalls auswählen, wird das Diagramm entsprechend dem ausgewählten Dauerwert und dem Start-/End-Ankerpunkt vergrößert. | INFOTABLE | N/A | J | N | ||
HorizontalIntervalAnchorPoint | Ermöglicht es Ihnen, die Ankerposition des Intervallbereichs im Datensatz auszuwählen. Wählen Sie Start aus, um das Intervall am Anfang des Datensatzes zu platzieren, oder Ende, um das Intervall am Ende zu platzieren. Wenn Sie beispielsweise ein 3-Monats-Intervall in einem 12-Monats-Datensatz angeben, können Sie Start auswählen, um die ersten 3 Monate anzuzeigen, oder Ende, um die letzten 3 Monate des Datensatzes anzuzeigen. Diese Eigenschaft wird angezeigt, wenn Sie die ShowHorizontalAnchorPointControl-Eigenschaft auswählen. | STRING | Start | J | N | ||
HorizontalIntervalAnchorPointLabel | Gibt die Beschriftung für den Intervall-Ankerpunkt für die horizontale Achse an. Diese Eigenschaft wird angezeigt, wenn Sie die ShowHorizontalAnchorPointControl-Eigenschaft auswählen. | STRING | N/A | J | J | ||
HorizontalRangeZoom | Fügt Steuerelemente hinzu, mit denen Sie einen Wertebereich angeben können, um die horizontale Achse zu vergrößern. Wenn Sie diese Eigenschaft auswählen, werden die Eigenschaften HorizontalStartZoomLabel und HorizontalEndZoomLabel in der Eigenschaftsliste angezeigt. | BOOLEAN | False | J | N | ||
HorizontalRangeZoomDateFormat | Legt das Datumsformat im Datumsauswahl-Feld fest, wenn ein Bereichsauswahlzoom verwendet wird. Die unterstützten Formate basieren auf der Moment.js JavaScript-Bibliothek und berücksichtigen die Groß-/Kleinschreibung. | STRING | N/A | N | N | ||
HorizontalRangeZoomDateWidth | Legt die Breite für das Datumsauswahl-Feld auf der horizontalen Achse fest, wenn Zoomen aktiviert ist. | NUMBER | 332px | N | N | ||
HorizontalStartZoomLabel | Gibt die Textbeschriftung für den Anfang der Bereichsauswahl an. | STRING | N/A | J | J | ||
HorizontalEndZoomLabel | Gibt die Textbeschriftung für das Ende der Bereichsauswahl an. | STRING | N/A | J | J | ||
HorizontalSliderZoom | Fügt ein Schieberegler-Steuerelement hinzu, das es Ihnen ermöglicht, Daten zwischen einem Mindest- und einem Höchstwert auf der horizontalen Achse anzuzeigen. Wenn Sie diese Eigenschaft auswählen, werden die Eigenschaften HorizontalSliderZoomMaxLabel und HorizontalSliderZoomMinLabel in der Eigenschaftsliste angezeigt. | BOOLEAN | False | J | N | ||
HorizontalSliderZoomMaxLabel | Gibt die Beschriftung für den Höchstwert der Schieberegler-Zoomsteuerung an. | STRING | N/A | J | J | ||
HorizontalSliderZoomMinLabel | Gibt die Beschriftung für den Mindestwert der Schieberegler-Zoomsteuerung an. | STRING | N/A | J | J | ||
InternalPadding | Legt die Auffüllung zwischen den Reihen von Daten fest. Die Auffüllung ist ein Prozentsatz der Balkenbreite. | NUMBER | 25 | J | N | ||
Label | Zeigt den Beschriftungstext für das Balkendiagramm an. | STRING | Balkendiagramm | J | J | ||
LabelType | Zeigt den Beschriftungstyp für das Balkendiagramm an: Kopfzeile, Unterüberschrift, Beschriftung oder Text. | STRING | Unterüberschrift | J | N | ||
LabelAlignment | Richtet die Beschriftung des Widgets "Balkendiagramm" aus: Links, Zentriert oder Rechts. | STRING | Links | N | N | ||
LabelPosition | Legt die Position der Beschriftung auf Oben oder Unten fest. | STRING | Oben | N | N | ||
LabelReset | Legt die Beschriftung fest, die auf der Schaltfläche "Zurücksetzen" für die Zoomsteuerung angezeigt wird. | STRING | Zurücksetzen | J | J | ||
LegendAlignment | Richtet den Legendentext aus: Oben, Mitte oder Unten. Die für diese Eigenschaft verfügbaren Optionen hängen von der Einstellung der LegendPosition-Eigenschaft ab. | STRING | Oben | N | N | ||
LegendFilter | Fügt einen Legendenfilter hinzu, der es dem Benutzer erlaubt, das Diagramm zur Laufzeit zu filtern. | BOOLEAN | False | N | N | ||
LegendMarkerShapes | Legt die Markierungsform für die Legende fest: Viereck oder Kreis. | STRING | Viereck | N | N | ||
LegendMaxWidth | Legt eine maximale Breite für den Legendenbereich fest | NUMBER | 736 | J | N | ||
LegendPosition | Legt die Position der Legende fest: Oben, Unten, Links oder Rechts. | STRING | Rechts | N | N | ||
MultipleDataSources | Verwendet mehrere Datenquellen für die Diagrammreihe. Auf diese Weise können Sie Daten aus mehreren Quellen im Diagramm visualisieren. | BOOLEAN | False | N | N | ||
Notes | Gibt den Text an, der im Notizbereich im Diagramm angezeigt werden soll. Sie können eine Zeichenfolge eingeben oder ein Lokalisierungs-Token auswählen. | STRING | N/A | J | J | ||
NotesAlignment | Richtet den Notiztext wie folgt im Notizbereich aus: Links, Rechts oder Mitte. | STRING | Links | N | N | ||
NumberOfReferenceLines | Gibt die Anzahl der Referenzlinien an, die im Diagramm angezeigt werden sollen. Sie können bis zu 24 Referenzlinien hinzufügen. Für jede Referenzlinie werden zusätzliche Eigenschaften hinzugefügt. | NUMBER | J | N | N | ||
ReferecneLineNLabel | Legt die Textbeschriftung der Referenzlinie fest. | STRING | J | J | N | ||
ReferecneLineNValue | Legt den Wert der Referenzlinie fest. Sie können je nach Achsentyp einen numerischen Wert oder einen Datumswert angeben. | NUMBER oder DATETIME | J | N | N | ||
ReferenceLineNAxis | Gibt die Achse an, die für die Referenzlinie verwendet werden soll. Diese Eigenschaft ist nur verfügbar, wenn ein Diagramm zwei Achsen mit kontinuierlichen Daten aufweist, z.B. Zahlen oder Datumsangaben. | STRING | N | N | N | ||
ReverseYAxis | Zeigt die Werte der Y-Achse in umgekehrter Reihenfolge an. | BOOLEAN | False | N | N | ||
RulersInFront | Zeigt die Lineale vor den Datenwerten an. Standardmäßig werden die Lineale hinter den Daten angezeigt. | BOOLEAN | False | J | N | ||
SeriesClicked | Löst ein Ereignis aus, wenn Sie auf einen Datenpunkt klicken. | N/A | N/A | J | N | ||
SeriesDisplay | Steuert, wie mehrere Datenreihen im Diagramm angezeigt werden. Sie können die Datenwerte aus jeder Reihe mithilfe von Gestapelt oder Gruppiert stapeln oder gruppieren. Wählen Sie 100 % gestapelt aus, um die Datenreihe als Prozentsatz des Gesamtwerts anzuzeigen. | STRING | Gruppiert | J | N | ||
ShowHorizontalAnchorPointControl | Fügt Steuerungen zum Anpassen des Ankerwerts für die horizontale Achse hinzu. Wenn Sie diese Eigenschaft auswählen, werden die Eigenschaften HorizontalIntervalAnchorPoint und HorizontalIntervalAnchorPointLabel in der Eigenschaftsliste angezeigt. | BOOLEAN | False | J | N | ||
ShowHideLegend | Fügt eine Anzeigen/Ausblenden-Schaltfläche hinzu, mit der Sie die Diagrammlegende zur Laufzeit anzeigen oder ausblenden können. | BOOLEAN | False | N | N | ||
ShowXAxisRuler | Zeigt das X-Achsen-Lineal an. | BOOLEAN | False | J | N | ||
ShowYAxisRuler | Zeigt das Y-Achsen-Lineal an. | BOOLEAN | False | J | N | ||
ShowZeroValueRuler | Zeigt das Nullwert-Lineal an. | BOOLEAN | False | J | N | ||
ShowZoomButtons | Zeigt Schaltflächen zum Vergrößern und Verkleinern in der Diagrammsymbolleiste an, wenn die horizontale oder vertikale Zoomfunktion aktiviert ist. | BOOLEAN | False | N | N | ||
SparkView | Zeigt eine vereinfachte Ansicht der Diagrammvisualisierung an. Aktivieren Sie diese Eigenschaft, um Beschriftungen, Legenden und Lineale auszublenden. | BOOLEAN | False | J | N | ||
TabSequence | Sequenznummer des Widgets "Balkendiagramm", wenn die Tabulatortaste gedrückt wird. | NUMBER | N/A | N | N | ||
ValuesPosition | Legt die Position der Datenwertbeschriftungen relativ zu den Diagrammbalken als Außerhalb der Leiste oder Überlappt Leiste fest. | STRING | Außerhalb von Leiste | N | N | ||
VerticalAxisMaxWidth | Legt eine maximale Breite für die vertikale Achse fest. | NUMBER | 85 | J | N | ||
VerticalZoom | Ermöglicht es Ihnen, die vertikale Achse zu vergrößern. Wenn Sie diese Eigenschaft auswählen, wird die VerticalSliderZoom-Eigenschaft in der Eigenschaftsliste angezeigt. | BOOLEAN | False | J | N | ||
VerticalSliderZoom | Fügt ein Schieberegler-Steuerelement hinzu, das es Ihnen ermöglicht, Daten zwischen einem Mindest- und einem Höchstwert auf der horizontalen Achse anzuzeigen. Wenn Sie diese Eigenschaft auswählen, werden die Eigenschaften VerticalZoomMaxLabel und VerticalZoomMinLabel in der Eigenschaftsliste angezeigt. | BOOLEAN | False | J | N | ||
VerticalZoomMaxLabel | Gibt die Textbeschriftung für den Höchstwert der Schieberegler-Zoomsteuerung an. | STRING | N/A | J | J | ||
VerticalZoomMinLabel | Gibt die Textbeschriftung für den Mindestwert des Schieberegler-Steuerelements an. | STRING | N/A | J | J | ||
XAxisField | Infotable-Feld, das den Balkeninhalt für die X-Achse darstellt. Mehrere XAxisField-Infotable-Quellen werden in der Eigenschaftsliste angezeigt, wenn Sie die MultipleDataSources-Eigenschaft auswählen. | INFOTABLE | N/A | N | N | ||
XAxisLabel | Zeigt die Textbeschriftung für die X-Achse an. | STRING | X-Achse | J | J | ||
XAxisLabelAlignment | Richtet die Beschriftung für die X-Achse aus: Oben, Mitte oder Unten. | STRING | Mitte | N | N | ||
YAxisFormat | Legt das Format für die Y-Achsen-Werte fest. | STRING | 0000.0 | J | N | ||
YAxisLabel | Zeigt die Textbeschriftung für die Y-Achse an. | STRING | Y-Achse | J | J | ||
YAxisLabelAlignment | Richtet die Beschriftung für die Y-Achse aus: Links, Rechts oder Mitte. | STRING | Links | N | N | ||
YAxisMaximumValues | Legt den Maximalbereich für die Y-Achsen-Werte fest. Standardmäßig wird der Bereich automatisch basierend auf den Widget-Daten berechnet. Der Wert für diese Eigenschaft wird ignoriert, wenn die Diagrammdaten einen größeren Wert enthalten. | STRING | N/A | J | N | ||
YAxisMinimumValues | Legt den Minimalbereich für die Y-Achsen-Werte fest. Standardmäßig wird der Bereich automatisch basierend auf den Widget-Daten berechnet. Der Wert für diese Eigenschaft wird ignoriert, wenn die Diagrammdaten einen kleineren Wert enthalten. | STRING | N/A | J | N |