Available in the OSS Version

Zoombar - Overview

The igZoombar is a jQuery UI zooming slider control.

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

The zoombar is similar to a slider and has two handles representing minimum and maximum values. You can use it with the igDataChart to easily display a subset of the data. See the complete list of samples in the menu.

Code View

Copy to Clipboard 
<div id="chartOverview"></div>
<div id="zoomOverview"></div>
<div id="buttonset" class="buttonset">
	<input type="radio" id="day" name="radio"></input><label for="day">Day</label>
	<input type="radio" id="week" name="radio"></input><label for="week">Week</label>
	<input type="radio" id="month" name="radio"></input><label for="month">Month</label>
</div>
<div id="date">
</div>
<div id="popoverLeft"></div>
<div id="popoverRight"></div>