Updated: December 19, 2016

Scrolling Direction of a Chart

Intro

This article describes the three types of scrolling direction for charts.

Horizontal

The main set of values is displayed horizontally. When width of the page doesn’t fit the entire set of values, you need to scroll horizontally to see them.

Examples:

Line chart
Line chart
Column chart
Column chart
Stacked column chart
Stacked column chart

Vertical

The main set of values is displayed vertically. When the height of the page doesn’t fit the entire set of values, you need to scroll vertically to see them.

Examples:

Horizontal waterfall chart
Horizontal waterfall chart
Bar chart
Bar chart
Stacked bar chart
Stacked bar chart

Bidirectional

There is no main direction. Horizontal and vertical axes have the same weight.

This type of chart scrolling must be managed on a case-by-case basis.

Examples:

Geomap with pie charts
Geomap with pie charts
Tree map
Tree map
Scatter plot
Scatter plot

Resources

Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.

Elements and Controls

Implementation

No links.