Fun with Flot Chart Zooming

by renfley

HTML

<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<script src="http://people.iola.dk/olau/flot/jquery.flot.selection.js"></script>
<div id="example-section32">
    <div id="detailContainer" style="width: 680px;height:200px;margin-top:10px; text-align: left;"></div>
    <div id="masterContainer" style="width: 680px;height:80px;margin-top:10px;"></div>
</div>

CSS

body {
    background: #333;
}

JavaScript

$(function () {
    var data = [
        [20121218, 1690.600],
        [20121217, 1682.600],
        [20121214, 1691.600],
        [20121213, 1691.600],
        [20121212, 1703.350],
        [20121211, 1702.050],
        [20121210, 1700.050],
        [20121207, 1694.100],
        [20121206, 1681.650],
        [20121205, 1697.550],
        [20121204, 1697.550],
        [20121203, 1709.500],
        [20121130, 1720.450],
        [20121129, 1711.000],
        [20121128, 1730.450],
        [20121127, 1741.900],
        [20121126, 1738.400],
        [20121123, 1722.150],
        [20121122, 1721.450],
        [20121121, 1714.500],
        [20121120, 1724.450],
        [20121119, 1715.500],
        [20121116, 1705.050],
        [20121115, 1714.500],
        [20121114, 1718.700],
        [20121113, 1717.500],
        [20121112, 1725.650],
        [20121109, 1725.450],
        [20121108, 1710.500],
        [20121107, 1719.450],
        [20121106, 1676.650],
        [20121105, 1671.650],
        [20121102, 1700.050],
        [20121101, 1712.000],
        [20121031, 1706.050],
        [20121030, 1702.550],
        [20121029, 1705.050],
        [20121026, 1696.550],
        [20121025, 1703.050],
        [20121024, 1702.550],
        [20121023, 1713.500],
        [20121022, 1716.000],
        [20121019, 1725.450],
        [20121018, 1740.900],
        [20121017, 1742.900],
        [20121016, 1732.900],
        [20121015, 1738.400],
        [20121012, 1759.100],
        [20121011, 1757.500],
        [20121009, 1766.300],
        [20121008, 1762.300],
        [20121005, 1780.750],
        [20121004, 1777.750],
        [20121003, 1762.800],
        [20121002, 1765.800],
        [20121001, 1758.800],
        [20120928, 1770.250],
        [20120927, 1749.350],
        [20120926, 1753.850],
        [20120925, 1755.850],
        [20120924, 1750.850],
        [20120921, 1764.800],
        [20120920, 1750.850],
        [20120919, 1767.800],
        [20120918, 1748.350],
       ...