Class: RangeSlider

CIQ. RangeSlider


new RangeSlider(params)

Add-On that puts a range slider under the chart. This allows the datasegment to be selectable as a portion of the dataset.

Requires addOns.js

Once instantiated, use the slider display(true/false) function to add it or remove it from the chart. See example.

If using chatIQ webComponents, it needs to be created before the UI manager (startUI) is called for custom themes to apply.

Visual Reference:
rangeSlider

Parameters:
Name Type Description
params object

Configuration parameters

Properties
Name Type Argument Default Description
stx CIQ.ChartEngine <optional>

The chart object

height number <optional>
95

Height of range slider panel

chartContainer number <optional>
$("#chartContainer")

jquery handle to the main chart container

Since:
  • 4.0.0
Example
// instantiate a range slider
	new CIQ.RangeSlider({stx:stxx,height:95,chartContainer:$("#chartContainer")});

 // display the slider
	stxx.slider.display(true);

 // hide the slider
	stxx.slider.display(false);