BusinessGraphics (SAP Library - Web Dynpro for ABAP)

BusinessGraphics

The BusinessGraphics UI element provides several chart types such as vertical bar charts or pie charts, that can be used for the graphical illustration of data and data relationships. In addition, there are more complex chart types such as portfolio and gantt that 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, the chart elements, and adapt them to suit your requirements.

Working with the Chart Designer

Structure link Chart OCX Business Graphic

Note

When using a business graphic, always display this UI element alongside a Label UI element to ensure accessibility.

Example of the Display

This graphic is explained in the accompanying text

Note

When the template is being designed the tool tip property is checked to guarantee Accessibilty.

Runtime Class

CL_WD_BUSINESS_GRAPHICS

Properties in the View Designer

Name	Type	Initial Value	Bindable
ID	STRING	(automatic)	no
backgroundColor	STRING		no
categorySource	context node		yes
chartType	WDUI_BGTYPE	columns	no
customizing	STRING		no
dimension	WDUI_BGDIMENSION	two	no
enabled	WDY_BOOLEAN	true	yes
fontFamily	STRING		no
height	I	300	no
igsUrl	STRING		no
imageSource	STRING		no
mapSource	STRING		no
seriesSource	context node		mandatory
tooltip	Text		yes
transparentColor	STRING		no
visible	WDUI_VISIBILITY	visible	yes
width	I	300	no

Aggregations in the View Designer

Name	Cardinality	Type
Category	0..1	Category
Series	1..n	AbstractSeries

Events in the View Designer

Name

onAction

Note

Further properties that can be inherited are defined in the associated higher-level class. The associated interface elements are:

· AbstractIgsElement

· UIElement

· ViewElement

Dynamic Programming

For dynamic programming the same properties, events, and aggregations are provided in the View Designer. Bear in mind the different spellings.

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
backgroundColor	BACKGROUND_COLOR	STRING
categorySource	CATEGORY_SOURCE	OBJECT
chartType	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: doughnut	CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-DOUGHNUT
chartType: gantt	CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-GANTT
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: 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: time_scatter	CL_WD_BUSINESS_GRAPHICS=>E_CHART_TYPE-TIME_SCATTER
customizing	CUSTOMIZING	STRING
dimension	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	ENABLED	WDY_BOOLEAN
fontFamily	FONT_FAMILY	STRING
height	HEIGHT	I
igsUrl	IGS_URL	STRING
imageSource	IMAGE_SOURCE	STRING
mapSource	MAP_SOURCE	STRING
seriesSource	SERIES_SOURCE	OBJECT
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
transparentColor	TRANSPARENT_COLOR	STRING
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_BUSINESS_GRAPHICS=>E_VISIBLE-NONE
visible: visible	CL_WD_BUSINESS_GRAPHICS=>E_VISIBLE-VISIBLE
width	WIDTH	I

Dynamic Programming of Events

View Designer Name	Runtime Name
onAction	ON_ACTION

Dynamic Programming of Aggregations

View Designer Name	Runtime Name	Cardinality
Category	CATEGORY	0..1
Series	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_*.