BusinessGraphics
The UI element BusinessGraphics provides several chart types, such as vertical bar charts or pie charts, which can be used for the graphical illustration of data and data relationships. Other more complex chart types are available too, such as portfolio and gantt. These can help the user of your Web application to make decisions for corporate planning or find information in general.
You can use the Chart Designer to modify the UI element properties and additional properties, known as the chart elements, and adapt them to suit your requirements.
More information:
UI Element BusinessGraphics (chartType gantt)
Accessing Further Methods in a Business Graphics Element
Editing with the Chart Designer
Chart OCX
Business Graphic
For accessibility reasons, make sure you always display this UI element together with a Label UI element when using a business graphic.
To enable the development of accessible applications, the tooltip property is checked during the syntax check.
Example of the Visual Display
|
|
Runtime Class |
CL_WD_BUSINESS_GRAPHICS |
Properties in the View Designer
Name |
Type |
Initial Value |
Bindable |
STRING |
(automatic) |
No |
|
STRING |
|
No |
|
Context node |
|
Yes |
|
WDUI_BGTYPE |
columns |
No |
|
WDUI_CONTEXT_MENU_BEHAVIOUR |
inherit |
No |
|
WDY_MD_UI_ELEMENT_REFERENCE |
|
No |
|
STRING |
|
No |
|
WDUI_BGDIMENSION |
two |
No |
|
WDY_BOOLEAN |
true |
Yes |
|
STRING |
|
No |
|
I |
300 |
No |
|
STRING |
|
No |
|
XSTRING |
|
Yes |
|
Context node |
|
Mandatory |
|
Translatable text |
|
Yes |
|
STRING |
|
No |
|
WDUI_VISIBILITY |
visible |
Yes |
|
I |
300 |
No |
Aggregations in the View Designer
Name |
Cardinality |
Type |
0..1 |
||
1..n |
Events in the View Designer
Name |
Other properties that can be inherited are defined in the associated higher-level classes. The associated UI elements are:
Dynamic Programming
For dynamic programming, the same properties, events, and aggregations as in the View Designer are available.Bear in mind the different spellings.
Dynamic Programming of Properties
View Designer Name |
Runtime Name |
Type |
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 |
|
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 |
|
Dynamic Programming of Events
View Designer Name |
Runtime Name |
ON_ACTION |
Dynamic Programming of Aggregations
View Designer Name |
Runtime Name |
Cardinality |
CATEGORY |
0..1 |
|
SERIES_LIST |
1..n |
Example
You can find examples of this interface element in the system in the Web Dynpro application WDR_TEST_UI_ELEMENTS, and in the component WDR_TEST_EVENTS in the views BG_*.