What it does

This component allows your customers to select values within a range. These values can be used to filter the data.

Configuration

Basic Configuration

Configuration OptionDescription
LabelThe is the label that appears on the left side of the slider. It defaults to “Slider”. The toggle allows you to choose whether or not to display this label.
Descriptive TooltipThis can be configured to display a helpful popover to the customer. The toggle allows you to choose whether or not to display the tooltip.
Show thumb labelsThis allows you to show or hide value labels below each thumb on the slider.
Set Default ValueSpecify the default values for the thumbs.
Enable Dependency SelectionWhen enabled, you may create a dependency between this element and other elements on the dashboard. When this element is dependent on an element selected, it will be disabled until a value is selected by the user.
Minimum valueThe minimum (leftmost) value of the slider.
Maximum valueThe maximum (rightmost) value of the slider.
Number of thumbsThe number of thumbs on the slider.
Step sizeHow much each thumb jumps between values. The minimum step size is 1.

Variable Usage

Each thumb on the slider has a corresponding variable. The leftmost thumb is thumb_1, the second (from the left) thumb is thumb_2, etc.

In the SQL query, use the following syntax

--- basic usage:
WHERE 1=1
[[AND column_1 > {{slider_1.thumb_1}} AND column_1 < {{slider_1.thumb_2}}]]

Filtering

You can now filter directly your charts in the UI elements themselves. For more information on this process, see the filtering section of the overview page.