Creating Chart Uibb in FPM

0

Building a simple chart uibb in FPM.

 

 

This post builds a chart uibb by taking the sflight records and compares the CARRID as dimension in X-axis Vs SEATSMAX & SEATSOCC as measures in Y-axis.

A snap shot of the SFLIGHT table with CARRID as DL.

1

The SFLIGHT table type.

3

Create a chart feeder class in Tx- SE24 and implement the interface IF_FPM_GUIBB_CHART.

2

Create an attribute GT_FLIGHT.

4

Implement and activate all the methods. Go to the method GET_DEFINITION.

5

Put the below code. This method provides  the chart table model.

6

In the GET_DATA method, select the records from SFLIGHT table and pass the data to the chart .

7

Now we have to build an OVP application with chart uibb. Execute Tx- FPM_WB and create a empty FPM application.

8

provide an application name and choose floorplan as OVP and select NEXT.

9

Select SAVE.

10

Select Edit Configuration.

11

Provide title and choose UIBB-> select Chart Component.

12

Provide title and provide a config ID name and then select Configure UIBB.

13

Select YES.

 

14

Select OK.

15

Save it local object.

16

Provide the chart feeder class.

17

Select OK.

18

Here we are. We are in General settings tab. The chart type is selected as Column and then go to the tab Chart UIBB Schema.

19

Select Create Element.

20

Select the fields.

21

The DATA TYPE is important. here CARRID is the dimension and other two fields are the measures.

22

Save the application and test the application.

23

Here we have the flight  chart uibb.

24

Put the cursor and here we have the detailed statistics.

2526

In the DB, we have the sum for the seatsmax and seatsocc and that is what displayed in the chart.

27

Go to the UIBB configuration and in the general setting tab we change the chart type as Stacked Column. Save and test the application.

2829

So here we have the chart details.

30


 

Advertisements

One comment

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 )

w

Connecting to %s