Calling the Chart Designer 

Use

You can use the Chart Designer to modify the properties of a business graphic and adapt them to your needs. Modifying the graphical elements in the overview, for example, lets you test and find chart types that may be more effective.

For more details, see SAP NetWeaver Components ® Application Platform (SAP Web Application Server) ® ABAP Technology ® UI Technology ® Frontend Services.

Prerequisites

You first have to insert a BusinessGraphics UI element into a view. Only then can you start the Chart Designer through the context menu (right mouse button) for the BusinessGraphics UI element.

Procedure

To edit the properties of a business graphic, start the Chart Designer as described in the following:

...

       1.      You start in edit mode of the view where you inserted the BusinessGraphics UI element.

       2.      To start the Chart Designer, choose Chart Designer from the context menu (right mouse button) for the BusinessGraphics UI element in the outline window.

       3.     

       4.       

       5.      The Chart Designer opens in a separate window in the SAP NetWeaver Developer Studio. The Chart Designer appears with the structure described in The Chart Designer.

       6.     

       7.       

       8.      The upper-right window displays an overview of the graphical elements with which you can configure the settings, changing the properties of the business graphic.

       9.      Select the graphical element you want to modify – either directly with the mouse button in the graphics preview or from the overview of graphical elements.

   10.      Enter the desired properties and values, such as the color. You can use either RGB values or hexadecimal values for the color.

   11.      The business graphic then appears with the modified values in the graphics preview.

   12.      To update the data, you have to save the changes with either the  icon (tooltip Save All Metadata) or with menu path File ® Save all metadata. 

Part of the graphical element represents properties of the Business Graphics UI element. These are, for example:

§         BackgroundColor

§         Chart type

§         Dimension

§         FontFamily

§         TransparentColor

These properties are assigned default values when you create the BusinessGraphics UI element (see IWDBusinessGraphics). You can assign new values to these properties (graphical elements) immediately in the property window of the UI element.

When you define new values for these UI element properties (= graphical elements) in the Chart Designer, these new values overwrite the values of the UI element properties when you save the metadata.

Example for Changing the Properties of a Graphical Element

You want to change the background color of your business graphic:

...

       1.      Start the Chart Designer from the context menu of the BusinessGraphics UI element in the outline window of the view.

       2.      Select the corresponding graphical element such as Background, from the overview. The corresponding graphical element properties are displayed.

       3.      To change the background, choose property Color from the list of properties in group Area properties.

       4.       

       5.     

       6.       

       7.      To change the value of the color, enter the desired RGB value in RGB(255,255,255) or a hexadecimal value (#FFFFFF) for “White” or select a color with the mouse button in the color palette by pressing the  button.

       8.      If you enter the RGB color RGB(245,238,217), for example, the business graphic is displayed with a beige background (see the screenshot below).

       9.