According to this blog ** TEAM FPM ** - A new Chart UIBB is easy to create an application with a Chart.

Create a FPM Application

Create an empty FPM Application with transaction FPM_WB.

Create the feeder class

Create a feeder class like this.

CLASS zcl_fdr_chart DEFINITION  PUBLIC  FINAL  CREATE PUBLIC .  PUBLIC SECTION.    INTERFACES if_fpm_guibb_chart.    TYPES: BEGIN OF ty_chart_data,             kind  TYPE string,             value TYPE i,           END OF ty_chart_data.  PROTECTED SECTION.  PRIVATE SECTION.
ENDCLASS.
CLASS zcl_fdr_chart IMPLEMENTATION.  METHOD if_fpm_guibb_chart~flush.  ENDMETHOD.  METHOD if_fpm_guibb_chart~process_event.  ENDMETHOD.  METHOD if_fpm_guibb_chart~get_data.    DATA lt_chart_data TYPE STANDARD TABLE OF ty_chart_data.    DATA(lo_table_model_chip) = io_chart_data->get_table_model( ).    lt_chart_data = VALUE #(                      ( kind = 'kind_one'       value = 12 )                      ( kind = 'kind_two'       value = 16  )                      ( kind = 'kind_three'     value = 9  )                      ).    lo_table_model_chip->set_data(                EXPORTING                  it_data          = lt_chart_data
*            iv_check_changed =              ).  ENDMETHOD.  METHOD if_fpm_guibb_chart~get_definition.    DATA lt_chart_data TYPE STANDARD TABLE OF ty_chart_data.    io_chart_model->get_table_model( )->set_definition(       io_field_catalog  =  CAST #( cl_abap_typedescr=>describe_by_data( lt_chart_data ) ) ).  ENDMETHOD.  METHOD if_fpm_guibb_chart~get_default_config.  ENDMETHOD.  METHOD if_fpm_guibb_chart~check_config.  ENDMETHOD.  METHOD if_fpm_guibb~initialize.  ENDMETHOD.  METHOD if_fpm_guibb~get_parameter_list.  ENDMETHOD.
ENDCLASS.

Create a CHART GUIBB

Now create the Chart GUIBB.

Result

After this short steps the Chart will be shown.