2593551 - Custom MDF - How to add Bar/Pie Charts in the custom MDF object's UI screen.

SAP Knowledge Base Article - Public

2593551 - Custom MDF - How to add Bar/Pie Charts in the custom MDF object's UI screen.

Symptom

How to design your custom MDF object's UI screen with Bar/ Pie Charts.

Environment

  • SuccessFactors Cloud HCM: MDF
  • SuccessFactors Cloud HCM: MDF UI

Reproducing the Issue

NA

Cause

 NA

Resolution

The Bar and Pie charts representation of the data can be achieved in the Default UI screen.

Please note: Bar and Pie Charts cannot be viewed/ rendered in the PP3 page, since everything on the PP3 page appears in Form layout (Label - Value pair).

They can be viewed in the Manage Data page after adding the UI screen in the Object Definition -> Default Screen.

Preconditions:

  1. Login to the Instance -> Admin Tools
  2. Go to Configure Object Definition -> Create an effectiveDated Object.
  3. Definite 4 or more Numeric fields. (Data type must be of type Number)
  4. Save the object.

     1.png

Steps:

1) Login to the Instance -> Admin Tools
2) Go to Manage Configure UI Page -> Create a UI screen with base object you created above.

    2.png

3) Create a Group by clicking on Add Group button. (Remove the Input type field automatically generated)

    3.png

4) Drag and Drop the Numeric fields into that group.

    4.png

5) Click on the Edit Properties button of that Group.

    5.png

6) Scroll Down to the Display Section -> Change the Display type to Chart. Select Chart Type to Bar or Pie according to your requirement.

    6.png

7) Click on OK and then Save the Screen.

8) Add this screen in Object Definition -> Default Screen as shown below.

    7.png

9) Go to Manage Data page (executable Config UI Page). Create test data for this object and click on Save.

    8.png

10) The Pie/Bar chart appears.

    9.png

See Also

2556522 - Fields in custom MDF portlet do not display horizontally in People Profile.

Keywords

  • MDF: Metadata Framework
  • Custom MDF portlets
  • Chart
  • Graph
  • UI Screen
  • MDF UI
  • Pie
  • Bar
, KBA , LOD-SF-MDF-UI , UI Config, Rules, Custom MDF Portlets on V12 & PP3 , LOD-SF-MDF-MGD , Manage Data - Creating/ Modifying Data , How To

Product

SAP SuccessFactors HCM Core 1711