0•DL0u}H0@C:AX ]s4K({T˜7ʲ@H% 0):LT`VZT*M=0x?{;N߯<ywOQ8!ڰ!;sI ˃,57$xr~pM&5;(`Q/-A #ĎUH;uH5Sp WaL P3#9zTZ8'YΥqɸ.bp{r-)+v:DR-4)T9q|<9zz"?lv;sCjsJ瘰sOl?$RrՈkdm).5f v( nVV;㩾*䘸CyjIFCe 27HLR@7:}^AVS-n|SP6yZ"׆iшZT =PѕmޟNN/5TgׇN#dZvE eMg!kM7qZWm|:~x=3ڟ?4i6w8Z飓 ODԾvHh hDFv ncQg&W:ݲ*:rmr)iVN @="~6+sF ODԾvHh hDFv ncQg&W:ݲ*:rm-=/m"ȸ.°ryѪ%ȖDV[8aǫ˧-=qCa^AVS-nF}?fIY7@g6Vh*@:HE; ?ynj#ϙ RrV>Cd{@ֱ19ت.%P|Ne95M"hi^9? hױEZy ,6}ɢN+Hf^9 v;J8wb&ioqNWpQD|[-df!`~ 1΢.\%Y+5 \xA8cB"Nj(;ðU9?](Ģ 9*3S @~ 'Q ۩*Q^\*׃S#o!lօ%xyzrê (vDW|bؙTn8g V1{AU9u!OA\B[M~/ay2&Z(Rt0/'^N iO:½".. &:t tnda_εR^Dp;*HC@rZ"&Wֆ\rPwhL`o<~iZ $zj9UA>G^| ü9r O5$3BU天%. 򵔡V?zIF`e=[GatM{9˽RE5 s(@rW!:uJpV<@*~Һ܍n˯ x1?)7dxDPգEat H`tX% hĤW4mYZ`;_ren9+=-&[浍դBK l԰5tfS'G~D}ccP@jTPC2E̞ ҮKYm Vver&SD53_z/TwEpyٟ^p-ϞlPZq6ao}^2Bf}p>|ӵN>^QsVz{,OsȔ\b#"ޛ^Uio ϒH"k͛sW N}Z2zdTZRͿTگ%["7<tJzm1bv, {g+gO@k"X{O?MekGfՅSBn\eK<4*,$mCqK sAԂ:*PȨE3QK ]Pd U Gd÷1@lufemMHi77bQᒎdrzЍ٢דd\Y.:3 T )'Sd'?+O[=$w<0Quh.UuZjZ Fٴ pbq th[N^Z46s{h¸RC3㿹*Ihn)7Lы{w7Nǣ0'sA0"Es |3'^lZIY∂aeWLȟr=O.'-oDXe"MJ_2)ng7Wj%?֓rZBG;׽L~9 ۸Y!pKҙȽɄn]0#Kx-4Uʀ-E[`}G07 ,$ <,ƕf"L3wK`#|66 OXڮɘ!4p wɡ{s`-\Fۨ=5Ãޤ#٩Q6jk75fd%Ʈ(br;ߔK.5Gֈ4`11C${qh"~#Q(! p/P{FybzL\GXg]E=FE]_v44#u~-"DB/;u"X yguzvcn`ZV!+gVXFiU#SKJdٗL&6iĤQšp6✕W"'eܞ̛Rmʩt̟p_@c?l:@S13?yu*V ͻn4F;pʓ&ۇ뻤p7aI> $'dr,(4Kxڅmh_?YSG3 o7#N۬29w(b @rw ?i 7<ڌt/WՉ(?+@H~!iݙp~:@D2h.[( }, selection: { mode: "x" } }); // now connect the two $("#placeholder").bind("plotselected", function (event, ranges) { // do the zooming $.each(plot.getXAxes(), function(_, axis) { var opts = axis.options; opts.min = ranges.xaxis.from; opts.max = ranges.xaxis.to; }); plot.setupGrid(); plot.draw(); plot.clearSelection(); // don't fire event on the overview to prevent eternal loop overview.setSelection(ranges, true); }); $("#overview").bind("plotselected", function (event, ranges) { plot.setSelection(ranges); }); // Add the Flot version string to the footer $("#footer").prepend("Flot " + $.plot.version + " – "); });

This plot shows visitors per day to the Flot homepage, with weekends colored.

The smaller plot is linked to the main plot, so it acts as an overview. Try dragging a selection on either plot, and watch the behavior of the other.