Updated: December 19, 2016

Chart – Behavior and Interaction

Intro

This article describes the many different ways to interact with chart content.

Zoom

The scale on the axis can be changed programmatically by the developer, or manually by the user.

For more information, see zoom.

Zoom
Zoom

Selection

Selection in charts is used to display related information about the selection or to trigger actions related to the selection. The user can select items in multiple ways.

For more information, see selection,

Selection
Selection

Popover

The popover is used to display information or action related to the selected data points.

For more information, see popover.

Popover
Popover

Gestures

The following gestures are used in charts:

Gesture Associated Action
Tap Selects a data point and displays related information and actions
Press and drag Triggers lasso selection when pressed outside a datapoint
Drag/slide Scrolls the chart horizontally or vertically
Flick Scrolls the chart quickly (horizontally or vertically)
Spread or pinch Zooms in and out

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