BSP - Standard Chart Bsp Page

 

LayOut

<%@page language="abap" forceEncode="html"%>

<%@ extension name="htmlb" prefix="htmlb"%>

<htmlb:content design="classic+design2002+design2003" controlRendering="sap"

               rtlAutoSwitch    = "true">

  <htmlb:page title = "BSP Extension: HTMLB / Element: Chart">

    <htmlb:form>

      <htmlb:chart

        id                   = "myChart1"

        data                 = "<%=data%>"

        width                = "300"

        height               = "300"

        titleCategories      = "Company"

        titleValues          = "Turnover"

        title                = "Washers by Companies!"

        chartType            = "BARS_3D"

        legendPosition       = "EAST"

        colorOrder           = "STRAIGHT"

      />

    </htmlb:form>

  </htmlb:page>

</htmlb:content>

OnInitialization

* some data to be displayed

  DATA: LINE TYPE IGS_DATA.

  LINE-GROUPID = 'SAP AG'.

  LINE-X = '1st Quarter'.

  LINE-Y = 50.

  LINE-COLOR = 48.

  LINE-EXTENSION = 'href="http://www.sap.com" alt="SAP AG"'.

  APPEND LINE TO DATA.

  LINE-X = '2nd Quarter'.

  LINE-Y = 35.

  LINE-COLOR = 0.

  APPEND LINE TO DATA.

  LINE-X = '3rd Quarter'.

  LINE-Y = 43.

  APPEND LINE TO DATA.

  LINE-GROUPID = 'Microsoft'.

  LINE-X = '1st Quarter'.

  LINE-Y = 46.

  LINE-EXTENSION = 'href="http://www.microsoft.com" alt="Microsoft"'.

  APPEND LINE TO DATA.

  LINE-X = '2nd Quarter'.

  LINE-Y = 26.

  LINE-COLOR = 64.

  APPEND LINE TO DATA.

  LINE-X = '3rd Quarter'.

  LINE-Y = 38.

  LINE-COLOR = 0.

  APPEND LINE TO DATA.