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

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

Popover

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

For more information, see 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

Chart (guidelines)