Chart

Range

A means of selecting a range within a Chart. It is structured as a specified number of slots that the user can select by clicking and dragging across. It should be placed inside a Layers component.

Properties

active {start: {number}, end: {number}}
The starting and ending selected slot indexes.
count {number}
The number of slots, including both ends. This property is required.
onActive {function ({start: {number}, end: {number}})}
This function is called when the user changes the selected range.
vertical true|false
Whether the slots should be layed out horizontally or vertically.

Examples

Range selector