Creating Chart Uibb Dynamically in FPM

0

Building a simple chart uibb dynamically in FPM.

 

 

 

The post describes how to build a simple chart uibb dynamically. The domain FPMGB_CHART_TYPE fixed values help us to define different type of charts.

1

Create a feeder class in Tx- SE24 and implement the interfaces: IF_FPM_GUIBB_DYNAMIC_CONFIG, IF_FPM_GUIBB_CHART

2

Create an attribute GT_FLIGHT reffering to the table type FLIGHTTAB

3

To make dynamic configuration, we have to make use the method first.  IF_FPM_GUIBB_DYNAMIC_CONFIG~HAS_DYNAMIC_CONFIGURATION 

4

Set dynamic configuration as true.

5

Go to the method IF_FPM_GUIBB_CHART~GET_DEFINITION to build up the chart table model.

6

Provide the below code.

7

Go to the method IF_FPM_GUIBB_CHART~GET_DEFAULT_CONFIG and here we have to define the configuration as what is the chart type, which fields are the dimensions and which fields are the measures and in which axis they appear.

8

Provide below details.

9

Go to the IF_FPM_GUIBB_CHART~GET_DATA method for the data selection.

10

Provide the below code.

11

Now we have to create an FPM OVP application. Execute the Tx- FPM_WB. Select Wizard to for creating empty fpm application.

8

 

Provide an application name and select floorplan as Overview Page and select NEXT.

12

Save in local object.

13

Select Edit Configuration(FLUID)

14

Provide page title and form uibb select chart component.

15

Provide title and provide a config id as ZCC_FLIGHT_CHART_DYNAMIC and then select the button Configure UIBB

16

Select YES to continue.

17

Select OK.

18

Save in local object.

19

Provide the feeder class name and select Edit parameters.

20

Select OK.

21

Save the configuration. The screen appears in display mode as we have implemented dynamic configuration.

22

Test the application.

23

Here is the line chart.

24

Change the chart type as ‘003’ and test the application.

25

So here is the column chart.

262728


 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s