Show TOC

BusinessGraphicsLocate this document in the navigation structure

Verwendung

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

id

STRING

(automatisch)

nein

backgroundColor

STRING

nein

categorySource

Context-Knoten

ja

chartType

WDUI_BGTYPE

columns

nein

contextMenuBehaviour

WDUI_CONTEXT_MENU_BEHAVIOUR

inherit

nein

contextMenuId

WDY_MD_UI_ELEMENT_REFERENCE

nein

customizing

STRING

nein

dimension

WDUI_BGDIMENSION

two

nein

enabled

WDY_BOOLEAN

true

ja

fontFamily

STRING

nein

height

I

300

nein

igsUrl

STRING

nein

imageData

XSTRING

ja

seriesSource

Context-Knoten

muss

styleClassName STRING   ja

tooltip

Übersetzbarer Text

ja

transparentColor

STRING

nein

 

visible

WDUI_VISIBILITY

visible

ja

width

I

300

nein

Aggregationen im View Designer

Name

Kardinalität

Typ

Kategorie

0..1

Category

Serie

1..n

AbstractSeries

Events im View Designer

Name

onAction

Hinweis

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

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: 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

contextMenuBehaviour

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

contextMenuId

CONTEXT_MENU_ID

WDY_MD_UI_ELEMENT_REFERENCE

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

imageData

IMAGE_DATA

XSTRING

seriesSource

SERIES_SOURCE

OBJECT

styleClassName STYLE_CLASS_NAME STRING

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

Dynamische Programmierung der Ereignisse

View Designer Name

Laufzeitname

onAction

ON_ACTION

Dynamische Programmierung der Aggregationen

View Designer Name

Laufzeitname

Kardinalität

Kategorie

CATEGORY

0..1

Serie

SERIES_LIST

1..n

Beispiel

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_*.

Weitere Informationen

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.