Chart Types - Overview

Introduction | Types

Introduction

HTMLB provides an easy to use interface for implementing charts in iViews or Web applications (IACs). The following chart types are available:

Below we present examples that demonstrate the look of these chart types. For details on the chart types see the SAP Portals HTMLB Guidelines. For information of the usage of the different chart types see Recommendations for Charts and Graphics in the SAP Design Guild.

For information on the usage of charts in iViews see Graphics and Charts in section iView Interaction.

Note: The actual charts may differ from the charts shown here, depending on the version of the HTMLB charts. Moreover, additional chart types may be available in the future.

 

Types

HTMLB charts types are selected using the attribute chartType. Below you find an overview of the available chart types and the respective values for attribute chartType.

Area Charts

Area chart (chartType = AREA)

3D Area chart (chartType = AREA_3D)

Stacked area chart (chartType = AREA_STACKED)

Stacked 3D area chart (chartType = AREA_STACKED_3D)

   
Bar Charts

Bar chart (chartType = BARS)

3D bar chart (chartType = BARS_3D)

Stacked bar chart (chartType = BARS_STACKED)

Stacked 3D bar chart (chartType = BARS_STACKED_3D)

 
Column Charts

Column chart (chartType = COLUMNS)

3D column chart (chartType = COLUMNS_3D)

Stacked column chart (chartType = COLUMNS_STACKED)

Stacked 3D column chart (chartType = COLUMNS_STACKED_3D)

 
Line Charts

Line chart (chartType = LINES)

3D line chart (chartType = LINES_3D)

 
Pie Charts

Pie chart (chartType = PIE)

3D pie chart (chartType = PIE_3D)

Extruded pie chart (chartType = PIE_EX)

Extruded 3D pie chart (chartType = PIE_EX_3D)

Split pie chart (chartType = PIE_SPLIT)

 
 
Special Charts

Pyramid chart (chartType = PYRAMID)

Bitmap chart (chartType = BITMAP) - arbitrary bitmap

Trend chart (chartType = TREND)

 

Figure 1: Overview of the available chart types in HTMLB

 

top top

Source:  SAP iView Guidelines