Search some infos of classes about graph

Question

hi,experts
i want to know more about serveral classes:"cl_gui_customer_container","cl_gui_chart_engine","cl_gui_chart_engine_win"....
thanks for your help!
regards.
ping wang

Answer 1

Check this out , I have recently written this code tutorial to show how to use CL_CHART_ENGINE:
REPORT  zat_ce_demo.
* Global Data Portion
DATA: g_t_sflight TYPE STANDARD TABLE OF sflight.
DATA: wa_sflight  LIKE LINE OF g_t_sflight. DATA : g_graph_container TYPE REF TO cl_gui_custom_container.
DATA : g_ce_viewer TYPE REF TO cl_gui_chart_engine. DATA: g_ixml        TYPE REF TO if_ixml.
DATA: g_ixml_sf     TYPE REF TO if_ixml_stream_factory.
DATA: okcode        LIKE sy-ucomm.
*      Start Of Selection
START-OF-SELECTION.
* Get Data to be displayed on the Chart
  SELECT * FROM sflight INTO TABLE g_t_sflight.
* create global objects
  g_ixml = cl_ixml=>create( ).
  g_ixml_sf = g_ixml->create_stream_factory( ).
* Call the screen to display the chart
  CALL SCREEN '100'.
Don't forget to create a dynpro screen having a custom controller using the screen painter. The ID of this custom controller should be 'GRAPH_CONTAINER'. In the PBO of this screen write the code given below :
*      Module  STATUS_0100  OUTPUT
MODULE status_0100 OUTPUT.
  DATA: l_ixml_data_doc   TYPE REF TO if_ixml_document,
        l_ixml_custom_doc TYPE REF TO if_ixml_document,
        l_ostream         TYPE REF TO if_ixml_ostream,
        l_xstr            TYPE xstring.   SET PF-STATUS '100'. * For initial display of graph data.
  IF g_graph_container IS INITIAL.
* Create the object for container.
    CREATE OBJECT g_graph_container
      EXPORTING
        container_name = 'GRAPH_CONTAINER'.
* Bind the container to the object.
    CREATE OBJECT g_ce_viewer
      EXPORTING
        parent = g_graph_container. * Create XML data using data in internal table.
    PERFORM create_xml_data USING l_ixml_data_doc.
    l_ostream = g_ixml_sf->create_ostream_xstring( l_xstr ).
* Render Chart Data
    CALL METHOD l_ixml_data_doc->render
      EXPORTING
        ostream = l_ostream.
    g_ce_viewer->set_data( xdata = l_xstr ).
    CLEAR l_xstr. * Create the customizing data for the chart
    PERFORM create_customizing_data USING l_ixml_custom_doc.
    l_ostream = g_ixml_sf->create_ostream_xstring( l_xstr ).
* Render Customizing Data
    CALL METHOD l_ixml_custom_doc->render
      EXPORTING
        ostream = l_ostream.
    g_ce_viewer->set_customizing( xdata = l_xstr ).
  ENDIF. * Render the Graph Object.
  CALL METHOD g_ce_viewer->render. ENDMODULE.                 " STATUS_0100  OUTPUT
*      Form  CREATE_XML_DATA
*      -->P_L_IXML_DOC  text
FORM create_xml_data  USING p_ixml_doc TYPE REF TO if_ixml_document.   DATA: l_simplechartdata    TYPE REF TO if_ixml_element,
        l_categories         TYPE REF TO if_ixml_element,
        l_series             TYPE REF TO if_ixml_element,
        l_element            TYPE REF TO if_ixml_element,
        l_encoding           TYPE REF TO if_ixml_encoding,
        l_value              TYPE string.   p_ixml_doc = g_ixml->create_document( ). * Set encoding to UTF-8
  l_encoding = g_ixml->create_encoding(
                byte_order = if_ixml_encoding=>co_little_endian
                character_set = 'utf-8' ).
  p_ixml_doc->set_encoding( l_encoding ). * Populate Chart Data
  l_simplechartdata = p_ixml_doc->create_simple_element(
               name = 'SimpleChartData' parent = p_ixml_doc ). * Populate X-Axis Values i.e. Categories and Series
  l_categories = p_ixml_doc->create_simple_element(
            name = 'Categories' parent = l_simplechartdata ). * Here you can populate the category labels. First you need
* to create all the labels and only then you can populate
* values for these labels.
  LOOP AT g_t_sflight INTO wa_sflight.
    l_element = p_ixml_doc->create_simple_element(
                name = 'C' parent = l_categories ).
    CONCATENATE wa_sflight-carrid wa_sflight-connid INTO l_value.
* Populate the category value which you want to display here.
* This will appear in the X-axis.
    l_element->if_ixml_node~set_value( l_value ).
    CLEAR l_value.
  ENDLOOP. * Create an element for Series and then populate it's values.
  l_series = p_ixml_doc->create_simple_element(
            name = 'Series' parent = l_simplechartdata ).
* You can set your own label for X-Axis here e.g. Airline
  l_series->set_attribute( name = 'label' value = 'Price' ).   LOOP AT g_t_sflight INTO wa_sflight.
    l_element = p_ixml_doc->create_simple_element(
                name = 'S' parent = l_series ).
* Populate the Value for each category you want to display from
* your internal table.
    l_value = wa_sflight-price.
    l_element->if_ixml_node~set_value( l_value ).
    CLEAR l_value.
  ENDLOOP. * Similarly you can have number of Categories and values for each category
* based on your requirement
  l_series = p_ixml_doc->create_simple_element(
            name = 'Series' parent = l_simplechartdata ).
  l_series->set_attribute( name = 'label' value = 'Max Capacity' ).   LOOP AT g_t_sflight INTO wa_sflight.
    l_element = p_ixml_doc->create_simple_element(
              name = 'S' parent = l_series ).
* Populate value for another category here.
    l_value = wa_sflight-seatsmax.
    l_element->if_ixml_node~set_value( l_value ).
    CLEAR l_value.
  ENDLOOP. ENDFORM.                    " CREATE_XML_DATA
After setting up the data we need to pass the customizing data to the chart. Customizing data consists of various parameters which decide the look and feel of your chart. I have done in perform CREATE_CUSTOMIZING_DATA and the code for same is given below :
*&      Form  CREATE_CUSTOMIZING_DATA
*      -->P_L_IXML_CUSTOM_DOC  text
FORM create_customizing_data  USING p_ixml_doc TYPE REF TO if_ixml_document.   DATA: l_root            TYPE REF TO if_ixml_element,
        l_globalsettings  TYPE REF TO if_ixml_element,
        l_default         TYPE REF TO if_ixml_element,
        l_elements        TYPE REF TO if_ixml_element,
        l_chartelements   TYPE REF TO if_ixml_element,
        l_title           TYPE REF TO if_ixml_element,
        l_element         TYPE REF TO if_ixml_element,
        l_encoding        TYPE REF TO if_ixml_encoding.
  p_ixml_doc = g_ixml->create_document( ).   l_encoding = g_ixml->create_encoding(
    byte_order = if_ixml_encoding=>co_little_endian
    character_set = 'utf-8' ).
  p_ixml_doc->set_encoding( l_encoding ).   l_root = p_ixml_doc->create_simple_element(
            name = 'SAPChartCustomizing' parent = p_ixml_doc ).
  l_root->set_attribute( name = 'version' value = '1.1' ).   l_globalsettings = p_ixml_doc->create_simple_element(
            name = 'GlobalSettings' parent = l_root ).
l_element = p_ixml_doc->create_simple_element(
            name = 'FileType' parent = l_globalsettings ).
  l_element->if_ixml_node~set_value( 'PNG' ). * Here you can give the Chart Type i.e. 2D, 3D etc
  l_element = p_ixml_doc->create_simple_element(
            name = 'Dimension' parent = l_globalsettings ).
* For 2 Dimensional Graph write - PseudoTwo
* For 2 Dimensional Graph write - PseudoThree
  l_element->if_ixml_node~set_value( 'PseudoThree' ). * Here you can give the chart type
  l_element = p_ixml_doc->create_simple_element(
              name = 'ChartType' parent = l_globalsettings ).
* For Bar Char write - Columns
* For Pie Chart write - Pie etc
  l_element->if_ixml_node~set_value( 'Speedometer' ).   l_element = p_ixml_doc->create_simple_element(
            name = 'FontFamily' parent = l_default ).
  l_element->if_ixml_node~set_value( 'Arial' ).   l_elements = p_ixml_doc->create_simple_element(
            name = 'Elements' parent = l_root ).
  l_chartelements = p_ixml_doc->create_simple_element(
            name = 'ChartElements' parent = l_elements ).
  l_title = p_ixml_doc->create_simple_element(
            name = 'Title' parent = l_chartelements ). * Give the desired caption for the chart here
  l_element = p_ixml_doc->create_simple_element( name = 'Caption' parent = l_title ).
  l_element->if_ixml_node~set_value( 'Airline Details' ).
ENDFORM.                    " CREATE_CUSTOMIZING_DATA
You can use following Category base chart types :  Lines, StackedLines, Profiles, StackedProfiles, Bars, StackedBars, Columns, StackedColumns,
Area, StackedArea, ProfileArea, StackedProfileArea, Pie,Doughnut, SplitPie, Polar,
Radar, StackedRadar, Speedometer.
Last but not the least we need to handle some buttons in our PAI.
*      Module  USER_COMMAND_0100  INPUT
MODULE user_command_0100 INPUT.
  CASE okcode.
    WHEN 'EXIT'.
      LEAVE PROGRAM.
    WHEN 'BACK'.
      LEAVE PROGRAM.
  ENDCASE.
ENDMODULE.                 " USER_COMMAND_0100 INPUT
Let me know if u need more information.