
Das BusinessGraphics-Oberflächenelement bietet eine Reihe von Diagrammtypen wie Säulendiagramme oder Kreisdiagramme, die Sie zur grafischen Darstellung von Daten und deren Beziehungen zueinander nutzen können. Zusätzlich werden Ihnen auch komplexere Diagrammtypen wie portfolio oder gantt angeboten, die dem Benutzer Ihrer Web-Anwendung bereits als Entscheidungshilfe für die unternehmerische Planung oder ganz allgemein als Informationstafel dienen.
Mit Hilfe des Chart Designers können Sie die Oberflächenelement-Eigenschaften sowie weitere Eigenschaften, die so genannten Chart-Elements, einer Präsentationsgrafik modifizieren und entsprechend Ihren Anforderungen anpassen.
Beispiel für die visuelle Darstellung
Hinweise zur Barrierefreiheit
Achten Sie bei der Verwendung einer Präsentationsgrafik darauf, dass Sie dieses Oberflächenelement aufgrund der Barrierefreiheit einer Anwendung in Verbindung mit einem Label-Oberflächenelement, d.h. mit einer Beschriftung, darstellen.
Da die Visualisierung des BusinessGraphics nicht angepasst wird, wenn Sie das Theme High Contrast Black einstellen, müssen Sie selbst für die Gewährleistung der Barrierefreiheit sorgen. Wenn Sie eine barrierefreie Anwendung erstellen möchten, achten Sie darauf, dass das eingebettete BusinessGraphics ausreichende Farbkontraste besitzt.
Um die Entwicklung barrierefreier Anwendungen zu ermöglichen, wird im Rahmen des Syntaxchecks die Eigenschaft tooltip überprüft.
|
Laufzeit-Klasse |
CL_WD_BUSINESS_GRAPHICS |
Eigenschaften im View Designer
|
Name |
Typ |
Anfangswert |
Bindbar |
|---|---|---|---|
|
STRING |
(automatisch) |
nein |
|
|
STRING |
nein |
||
|
Context-Knoten |
ja |
||
|
WDUI_BGTYPE |
columns |
nein |
|
|
WDUI_CONTEXT_MENU_BEHAVIOUR |
inherit |
nein |
|
|
WDY_MD_UI_ELEMENT_REFERENCE |
nein |
||
|
STRING |
nein |
||
|
WDUI_BGDIMENSION |
two |
nein |
|
|
WDY_BOOLEAN |
true |
ja |
|
|
STRING |
nein |
||
|
I |
300 |
nein |
|
|
STRING |
nein |
||
|
XSTRING |
ja |
||
|
Context-Knoten |
muss |
||
| styleClassName | STRING | ja | |
|
Übersetzbarer Text |
ja |
||
|
STRING |
nein |
||
|
WDUI_VISIBILITY |
visible |
ja |
|
|
I |
300 |
nein |
Aggregationen im View Designer
|
Name |
Kardinalität |
Typ |
|---|---|---|
|
0..1 |
||
|
1..n |
Events im View Designer
|
Name |
|---|
Weitere Eigenschaften, die über Vererbung zur Verfügung stehen, sind in den dazugehörigen übergeordneten Klassen definiert. Die dazugehörigen Oberflächenelemente sind:
Dynamische Programmierung
Für die dynamische Programmierung stehen dieselben Eigenschaften, Ereignisse und Aggregationen zur Verfügung wie im View Designer. Beachten Sie dabei die unterschiedlichen Schreibweisen.
|
View Designer Name |
Laufzeitname |
Typ |
|---|---|---|
|
BACKGROUND_COLOR |
STRING |
|
|
CATEGORY_SOURCE |
OBJECT |
|
|
CHART_TYPE |
WDUI_BGTYPE |
|
|
chartType: area |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-AREA |
|
|
chartType: bars |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-BARS |
|
|
chartType: columns |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-COLUMNS |
|
|
chartType: delta_chart |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-DELTA_CHART |
|
|
chartType: doughnut |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-DOUGHNUT |
|
|
chartType: gantt |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-GANTT |
|
|
chartType: histogram |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-HISTOGRAM |
|
|
chartType: lines |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-LINES |
|
|
chartType: mta |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-MTA |
|
|
chartType: pie |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-PIE |
|
|
chartType: pipeline |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-PIPELINE |
|
|
chartType: polar |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-POLAR |
|
|
chartType: portfolio |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-PORTFOLIO |
|
|
chartType: profiles |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-PROFILES |
|
|
chartType: profile_area |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-PROFILE_AREA |
|
|
chartType: radar |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-RADAR |
|
|
chartType: scatter |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-SCATTER |
|
|
chartType: smart_map |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-SMART_MAP |
|
|
chartType: speedometer |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-SPEEDOMETER |
|
|
chartType: split_pie |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-SPLIT_PIE |
|
|
chartType: stacked_area |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-STACKED_AREA |
|
|
chartType: stacked_bars |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-STACKED_BARS |
|
|
chartType: stacked_columns |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-STACKED_COLUMNS |
|
|
chartType: stacked_lines |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-STACKED_LINES |
|
|
chartType: stacked_profiles |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-STACKED_PROFILES |
|
|
chartType: stacked_profile_area |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-STACKED_PROFILE_AREA |
|
|
chartType: stacked_radar |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-STACKED_RADAR |
|
|
chartType: stacked_time_bars |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-STACKED_TIME_BARS |
|
|
chartType: stacked_time_columns |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-STACKED_TIME_COLUMNS |
|
|
chartType: time_bars |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-TIME_BARS |
|
|
chartType: time_columns |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-TIME_COLUMNS |
|
|
chartType: time_scatter |
CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-TIME_SCATTER |
|
|
CONTEXT_MENU_BEHAVIOUR |
WDUI_CONTEXT_MENU_BEHAVIOUR |
|
|
contextMenuBehaviour: inherit |
CL_WD_BUSINESS_GRAPHICS=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT |
|
|
contextMenuBehaviour: provide |
CL_WD_BUSINESS_GRAPHICS=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE |
|
|
contextMenuBehaviour: suppress |
CL_WD_BUSINESS_GRAPHICS=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS |
|
|
CONTEXT_MENU_ID |
WDY_MD_UI_ELEMENT_REFERENCE |
|
|
CUSTOMIZING |
STRING |
|
|
DIMENSION |
WDUI_BGDIMENSION |
|
|
dimension: pseudo_three |
CL_WD_BUSINESS_GRAPHICS=>E_DIMENSION-PSEUDO_THREE |
|
|
dimension: three |
CL_WD_BUSINESS_GRAPHICS=>E_DIMENSION-THREE |
|
|
dimension: two |
CL_WD_BUSINESS_GRAPHICS=>E_DIMENSION-TWO |
|
|
ENABLED |
WDY_BOOLEAN |
|
|
FONT_FAMILY |
STRING |
|
|
HEIGHT |
I |
|
|
IGS_URL |
STRING |
|
|
IMAGE_DATA |
XSTRING |
|
|
SERIES_SOURCE |
OBJECT |
|
| styleClassName | STYLE_CLASS_NAME | STRING |
|
TOOLTIP |
WDY_MD_TRANSLATABLE_TEXT |
|
|
TRANSPARENT_COLOR |
STRING |
|
|
VISIBLE |
WDUI_VISIBILITY |
|
|
visible: none |
CL_WD_BUSINESS_GRAPHICS=>E_VISIBLE-NONE |
|
|
visible: visible |
CL_WD_BUSINESS_GRAPHICS=>E_VISIBLE-VISIBLE |
|
|
WIDTH |
I |
Dynamische Programmierung der Ereignisse
|
View Designer Name |
Laufzeitname |
|---|---|
|
ON_ACTION |
Dynamische Programmierung der Aggregationen
Beispiele für dieses Oberflächenelement finden Sie im System in der Web-Dynpro-Applikation WDR_TEST_UI_ELEMENTS sowie in der Component WDR_TEST_EVENTS in den Views BG_*.
UI-Element BusinessGraphics (chartType gantt)
Bearbeitung mit dem Chart Designer
Chart-OCX-Präsentationsgrafik
Weitere Informationen zum Zugriff auf weitere Methoden in einem BusinessGraphics-Element finden Sie in der Systemdokumentation zum Interface IF_WD_BUSIN_GRAPHICS_MTD_HNDL.