Updated: December 19, 2016

Chart – Behavior and Interaction

Intro

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

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 dispalys related information and actions
Press and drag Lasso Selection: when pressed outside a datapoint, starts a lasso selection.
Drag/slide Scrolls the chart horizontally or vertically
Flick Scrolls the chart quickly (horizontally or vertically)
Spread or pinch Not implemented yet. Will be used for zoom 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