how to set default preview width to Rickshaw.Graph.RangeSlider

Question

I am new to Rickshaw JS toolkit. In the example give at http://code.shutterstock.com/rickshaw/examples/extensions.html the preview bar(Rickshaw.Graph.RangeSlider) at the bottom of the graph used to select the time frame is by default the total time frame available.

How to customize the default preview as last one minute and minimum preview width for RangeSlider?

Thanks in Advance.

Answer 1

I know that this question is old, but in case anyone stumbles upon the same problem: DON'T fake mouse events. Looking at the slider's code, what it does when slided is to set the xMin and xMax of the graph window and update it then. We can do the same - after the initialization of the graph call:

// lower limit            
graph.window.xMin = 5;
// upper limit
graph.window.xMax = 10;
// this will also update the slider
graph.update();