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:
- Area charts: standard, stacked, 3D,
3D stacked
- Bar charts (horizontal bars): standard,
stacked, 3D, 3D stacked
- Column charts (vertical bars): standard, stacked,
3D, 3D stacked
- Line charts: standard, 3D
- Pie charts: standard, 3D, extruded, extruded 3D,
split
- Special charts: pyramid, bitmap, trend
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 chart (chartType = AREA)
|

3D Area chart (chartType = AREA_3D)
|
|

Stacked area chart (chartType = AREA_STACKED)
|

Stacked 3D area chart (chartType = AREA_STACKED_3D)
|
|
|
|
|
|
|

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 chart (chartType = COLUMNS)
|

3D column chart (chartType = COLUMNS_3D)
|
|

Stacked column chart (chartType = COLUMNS_STACKED)
|

Stacked 3D column chart (chartType = COLUMNS_STACKED_3D)
|
| |
|
|
|

Line chart (chartType = LINES)
|

3D line chart (chartType = LINES_3D)
|
| |
|
|
|

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)
|
|
| |
|
|
|

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
Source: SAP
iView Guidelines
|