flot-rails 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (36) hide show
  1. data/.gitignore +1 -0
  2. data/Gemfile +3 -0
  3. data/README.md +57 -0
  4. data/Rakefile +4 -0
  5. data/flot-rails.gemspec +22 -0
  6. data/lib/flot-rails.rb +1 -0
  7. data/lib/flot/rails.rb +6 -0
  8. data/lib/flot/rails/engine.rb +7 -0
  9. data/lib/flot/rails/version.rb +6 -0
  10. data/vendor/assets/javascripts/excanvas.js +1427 -0
  11. data/vendor/assets/javascripts/excanvas.min.js +1 -0
  12. data/vendor/assets/javascripts/jquery.colorhelpers.js +179 -0
  13. data/vendor/assets/javascripts/jquery.colorhelpers.min.js +1 -0
  14. data/vendor/assets/javascripts/jquery.flot.crosshair.js +167 -0
  15. data/vendor/assets/javascripts/jquery.flot.crosshair.min.js +1 -0
  16. data/vendor/assets/javascripts/jquery.flot.fillbetween.js +183 -0
  17. data/vendor/assets/javascripts/jquery.flot.fillbetween.min.js +1 -0
  18. data/vendor/assets/javascripts/jquery.flot.image.js +238 -0
  19. data/vendor/assets/javascripts/jquery.flot.image.min.js +1 -0
  20. data/vendor/assets/javascripts/jquery.flot.js +2599 -0
  21. data/vendor/assets/javascripts/jquery.flot.min.js +6 -0
  22. data/vendor/assets/javascripts/jquery.flot.navigate.js +336 -0
  23. data/vendor/assets/javascripts/jquery.flot.navigate.min.js +1 -0
  24. data/vendor/assets/javascripts/jquery.flot.pie.js +750 -0
  25. data/vendor/assets/javascripts/jquery.flot.pie.min.js +1 -0
  26. data/vendor/assets/javascripts/jquery.flot.resize.js +60 -0
  27. data/vendor/assets/javascripts/jquery.flot.resize.min.js +1 -0
  28. data/vendor/assets/javascripts/jquery.flot.selection.js +344 -0
  29. data/vendor/assets/javascripts/jquery.flot.selection.min.js +1 -0
  30. data/vendor/assets/javascripts/jquery.flot.stack.js +184 -0
  31. data/vendor/assets/javascripts/jquery.flot.stack.min.js +1 -0
  32. data/vendor/assets/javascripts/jquery.flot.symbol.js +70 -0
  33. data/vendor/assets/javascripts/jquery.flot.symbol.min.js +1 -0
  34. data/vendor/assets/javascripts/jquery.flot.threshold.js +103 -0
  35. data/vendor/assets/javascripts/jquery.flot.threshold.min.js +1 -0
  36. metadata +41 -6
@@ -0,0 +1,6 @@
1
+ /* Javascript plotting library for jQuery, v. 0.7.
2
+ *
3
+ * Released under the MIT license by IOLA, December 2007.
4
+ *
5
+ */
6
+ (function(b){b.color={};b.color.make=function(d,e,g,f){var c={};c.r=d||0;c.g=e||0;c.b=g||0;c.a=f!=null?f:1;c.add=function(h,j){for(var k=0;k<h.length;++k){c[h.charAt(k)]+=j}return c.normalize()};c.scale=function(h,j){for(var k=0;k<h.length;++k){c[h.charAt(k)]*=j}return c.normalize()};c.toString=function(){if(c.a>=1){return"rgb("+[c.r,c.g,c.b].join(",")+")"}else{return"rgba("+[c.r,c.g,c.b,c.a].join(",")+")"}};c.normalize=function(){function h(k,j,l){return j<k?k:(j>l?l:j)}c.r=h(0,parseInt(c.r),255);c.g=h(0,parseInt(c.g),255);c.b=h(0,parseInt(c.b),255);c.a=h(0,c.a,1);return c};c.clone=function(){return b.color.make(c.r,c.b,c.g,c.a)};return c.normalize()};b.color.extract=function(d,e){var c;do{c=d.css(e).toLowerCase();if(c!=""&&c!="transparent"){break}d=d.parent()}while(!b.nodeName(d.get(0),"body"));if(c=="rgba(0, 0, 0, 0)"){c="transparent"}return b.color.parse(c)};b.color.parse=function(c){var d,f=b.color.make;if(d=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(c)){return f(parseInt(d[1],10),parseInt(d[2],10),parseInt(d[3],10))}if(d=/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(c)){return f(parseInt(d[1],10),parseInt(d[2],10),parseInt(d[3],10),parseFloat(d[4]))}if(d=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(c)){return f(parseFloat(d[1])*2.55,parseFloat(d[2])*2.55,parseFloat(d[3])*2.55)}if(d=/rgba\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(c)){return f(parseFloat(d[1])*2.55,parseFloat(d[2])*2.55,parseFloat(d[3])*2.55,parseFloat(d[4]))}if(d=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(c)){return f(parseInt(d[1],16),parseInt(d[2],16),parseInt(d[3],16))}if(d=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(c)){return f(parseInt(d[1]+d[1],16),parseInt(d[2]+d[2],16),parseInt(d[3]+d[3],16))}var e=b.trim(c).toLowerCase();if(e=="transparent"){return f(255,255,255,0)}else{d=a[e]||[0,0,0];return f(d[0],d[1],d[2])}};var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0]}})(jQuery);(function(c){function b(av,ai,J,af){var Q=[],O={colors:["#edc240","#afd8f8","#cb4b4b","#4da74d","#9440ed"],legend:{show:true,noColumns:1,labelFormatter:null,labelBoxBorderColor:"#ccc",container:null,position:"ne",margin:5,backgroundColor:null,backgroundOpacity:0.85},xaxis:{show:null,position:"bottom",mode:null,color:null,tickColor:null,transform:null,inverseTransform:null,min:null,max:null,autoscaleMargin:null,ticks:null,tickFormatter:null,labelWidth:null,labelHeight:null,reserveSpace:null,tickLength:null,alignTicksWithAxis:null,tickDecimals:null,tickSize:null,minTickSize:null,monthNames:null,timeformat:null,twelveHourClock:false},yaxis:{autoscaleMargin:0.02,position:"left"},xaxes:[],yaxes:[],series:{points:{show:false,radius:3,lineWidth:2,fill:true,fillColor:"#ffffff",symbol:"circle"},lines:{lineWidth:2,fill:false,fillColor:null,steps:false},bars:{show:false,lineWidth:2,barWidth:1,fill:true,fillColor:null,align:"left",horizontal:false},shadowSize:3},grid:{show:true,aboveData:false,color:"#545454",backgroundColor:null,borderColor:null,tickColor:null,labelMargin:5,axisMargin:8,borderWidth:2,minBorderMargin:null,markings:null,markingsColor:"#f4f4f4",markingsLineWidth:2,clickable:false,hoverable:false,autoHighlight:true,mouseActiveRadius:10},hooks:{}},az=null,ad=null,y=null,H=null,A=null,p=[],aw=[],q={left:0,right:0,top:0,bottom:0},G=0,I=0,h=0,w=0,ak={processOptions:[],processRawData:[],processDatapoints:[],drawSeries:[],draw:[],bindEvents:[],drawOverlay:[],shutdown:[]},aq=this;aq.setData=aj;aq.setupGrid=t;aq.draw=W;aq.getPlaceholder=function(){return av};aq.getCanvas=function(){return az};aq.getPlotOffset=function(){return q};aq.width=function(){return h};aq.height=function(){return w};aq.offset=function(){var aB=y.offset();aB.left+=q.left;aB.top+=q.top;return aB};aq.getData=function(){return Q};aq.getAxes=function(){var aC={},aB;c.each(p.concat(aw),function(aD,aE){if(aE){aC[aE.direction+(aE.n!=1?aE.n:"")+"axis"]=aE}});return aC};aq.getXAxes=function(){return p};aq.getYAxes=function(){return aw};aq.c2p=C;aq.p2c=ar;aq.getOptions=function(){return O};aq.highlight=x;aq.unhighlight=T;aq.triggerRedrawOverlay=f;aq.pointOffset=function(aB){return{left:parseInt(p[aA(aB,"x")-1].p2c(+aB.x)+q.left),top:parseInt(aw[aA(aB,"y")-1].p2c(+aB.y)+q.top)}};aq.shutdown=ag;aq.resize=function(){B();g(az);g(ad)};aq.hooks=ak;F(aq);Z(J);X();aj(ai);t();W();ah();function an(aD,aB){aB=[aq].concat(aB);for(var aC=0;aC<aD.length;++aC){aD[aC].apply(this,aB)}}function F(){for(var aB=0;aB<af.length;++aB){var aC=af[aB];aC.init(aq);if(aC.options){c.extend(true,O,aC.options)}}}function Z(aC){var aB;c.extend(true,O,aC);if(O.xaxis.color==null){O.xaxis.color=O.grid.color}if(O.yaxis.color==null){O.yaxis.color=O.grid.color}if(O.xaxis.tickColor==null){O.xaxis.tickColor=O.grid.tickColor}if(O.yaxis.tickColor==null){O.yaxis.tickColor=O.grid.tickColor}if(O.grid.borderColor==null){O.grid.borderColor=O.grid.color}if(O.grid.tickColor==null){O.grid.tickColor=c.color.parse(O.grid.color).scale("a",0.22).toString()}for(aB=0;aB<Math.max(1,O.xaxes.length);++aB){O.xaxes[aB]=c.extend(true,{},O.xaxis,O.xaxes[aB])}for(aB=0;aB<Math.max(1,O.yaxes.length);++aB){O.yaxes[aB]=c.extend(true,{},O.yaxis,O.yaxes[aB])}if(O.xaxis.noTicks&&O.xaxis.ticks==null){O.xaxis.ticks=O.xaxis.noTicks}if(O.yaxis.noTicks&&O.yaxis.ticks==null){O.yaxis.ticks=O.yaxis.noTicks}if(O.x2axis){O.xaxes[1]=c.extend(true,{},O.xaxis,O.x2axis);O.xaxes[1].position="top"}if(O.y2axis){O.yaxes[1]=c.extend(true,{},O.yaxis,O.y2axis);O.yaxes[1].position="right"}if(O.grid.coloredAreas){O.grid.markings=O.grid.coloredAreas}if(O.grid.coloredAreasColor){O.grid.markingsColor=O.grid.coloredAreasColor}if(O.lines){c.extend(true,O.series.lines,O.lines)}if(O.points){c.extend(true,O.series.points,O.points)}if(O.bars){c.extend(true,O.series.bars,O.bars)}if(O.shadowSize!=null){O.series.shadowSize=O.shadowSize}for(aB=0;aB<O.xaxes.length;++aB){V(p,aB+1).options=O.xaxes[aB]}for(aB=0;aB<O.yaxes.length;++aB){V(aw,aB+1).options=O.yaxes[aB]}for(var aD in ak){if(O.hooks[aD]&&O.hooks[aD].length){ak[aD]=ak[aD].concat(O.hooks[aD])}}an(ak.processOptions,[O])}function aj(aB){Q=Y(aB);ax();z()}function Y(aE){var aC=[];for(var aB=0;aB<aE.length;++aB){var aD=c.extend(true,{},O.series);if(aE[aB].data!=null){aD.data=aE[aB].data;delete aE[aB].data;c.extend(true,aD,aE[aB]);aE[aB].data=aD.data}else{aD.data=aE[aB]}aC.push(aD)}return aC}function aA(aC,aD){var aB=aC[aD+"axis"];if(typeof aB=="object"){aB=aB.n}if(typeof aB!="number"){aB=1}return aB}function m(){return c.grep(p.concat(aw),function(aB){return aB})}function C(aE){var aC={},aB,aD;for(aB=0;aB<p.length;++aB){aD=p[aB];if(aD&&aD.used){aC["x"+aD.n]=aD.c2p(aE.left)}}for(aB=0;aB<aw.length;++aB){aD=aw[aB];if(aD&&aD.used){aC["y"+aD.n]=aD.c2p(aE.top)}}if(aC.x1!==undefined){aC.x=aC.x1}if(aC.y1!==undefined){aC.y=aC.y1}return aC}function ar(aF){var aD={},aC,aE,aB;for(aC=0;aC<p.length;++aC){aE=p[aC];if(aE&&aE.used){aB="x"+aE.n;if(aF[aB]==null&&aE.n==1){aB="x"}if(aF[aB]!=null){aD.left=aE.p2c(aF[aB]);break}}}for(aC=0;aC<aw.length;++aC){aE=aw[aC];if(aE&&aE.used){aB="y"+aE.n;if(aF[aB]==null&&aE.n==1){aB="y"}if(aF[aB]!=null){aD.top=aE.p2c(aF[aB]);break}}}return aD}function V(aC,aB){if(!aC[aB-1]){aC[aB-1]={n:aB,direction:aC==p?"x":"y",options:c.extend(true,{},aC==p?O.xaxis:O.yaxis)}}return aC[aB-1]}function ax(){var aG;var aM=Q.length,aB=[],aE=[];for(aG=0;aG<Q.length;++aG){var aJ=Q[aG].color;if(aJ!=null){--aM;if(typeof aJ=="number"){aE.push(aJ)}else{aB.push(c.color.parse(Q[aG].color))}}}for(aG=0;aG<aE.length;++aG){aM=Math.max(aM,aE[aG]+1)}var aC=[],aF=0;aG=0;while(aC.length<aM){var aI;if(O.colors.length==aG){aI=c.color.make(100,100,100)}else{aI=c.color.parse(O.colors[aG])}var aD=aF%2==1?-1:1;aI.scale("rgb",1+aD*Math.ceil(aF/2)*0.2);aC.push(aI);++aG;if(aG>=O.colors.length){aG=0;++aF}}var aH=0,aN;for(aG=0;aG<Q.length;++aG){aN=Q[aG];if(aN.color==null){aN.color=aC[aH].toString();++aH}else{if(typeof aN.color=="number"){aN.color=aC[aN.color].toString()}}if(aN.lines.show==null){var aL,aK=true;for(aL in aN){if(aN[aL]&&aN[aL].show){aK=false;break}}if(aK){aN.lines.show=true}}aN.xaxis=V(p,aA(aN,"x"));aN.yaxis=V(aw,aA(aN,"y"))}}function z(){var aO=Number.POSITIVE_INFINITY,aI=Number.NEGATIVE_INFINITY,aB=Number.MAX_VALUE,aU,aS,aR,aN,aD,aJ,aT,aP,aH,aG,aC,a0,aX,aL;function aF(a3,a2,a1){if(a2<a3.datamin&&a2!=-aB){a3.datamin=a2}if(a1>a3.datamax&&a1!=aB){a3.datamax=a1}}c.each(m(),function(a1,a2){a2.datamin=aO;a2.datamax=aI;a2.used=false});for(aU=0;aU<Q.length;++aU){aJ=Q[aU];aJ.datapoints={points:[]};an(ak.processRawData,[aJ,aJ.data,aJ.datapoints])}for(aU=0;aU<Q.length;++aU){aJ=Q[aU];var aZ=aJ.data,aW=aJ.datapoints.format;if(!aW){aW=[];aW.push({x:true,number:true,required:true});aW.push({y:true,number:true,required:true});if(aJ.bars.show||(aJ.lines.show&&aJ.lines.fill)){aW.push({y:true,number:true,required:false,defaultValue:0});if(aJ.bars.horizontal){delete aW[aW.length-1].y;aW[aW.length-1].x=true}}aJ.datapoints.format=aW}if(aJ.datapoints.pointsize!=null){continue}aJ.datapoints.pointsize=aW.length;aP=aJ.datapoints.pointsize;aT=aJ.datapoints.points;insertSteps=aJ.lines.show&&aJ.lines.steps;aJ.xaxis.used=aJ.yaxis.used=true;for(aS=aR=0;aS<aZ.length;++aS,aR+=aP){aL=aZ[aS];var aE=aL==null;if(!aE){for(aN=0;aN<aP;++aN){a0=aL[aN];aX=aW[aN];if(aX){if(aX.number&&a0!=null){a0=+a0;if(isNaN(a0)){a0=null}else{if(a0==Infinity){a0=aB}else{if(a0==-Infinity){a0=-aB}}}}if(a0==null){if(aX.required){aE=true}if(aX.defaultValue!=null){a0=aX.defaultValue}}}aT[aR+aN]=a0}}if(aE){for(aN=0;aN<aP;++aN){a0=aT[aR+aN];if(a0!=null){aX=aW[aN];if(aX.x){aF(aJ.xaxis,a0,a0)}if(aX.y){aF(aJ.yaxis,a0,a0)}}aT[aR+aN]=null}}else{if(insertSteps&&aR>0&&aT[aR-aP]!=null&&aT[aR-aP]!=aT[aR]&&aT[aR-aP+1]!=aT[aR+1]){for(aN=0;aN<aP;++aN){aT[aR+aP+aN]=aT[aR+aN]}aT[aR+1]=aT[aR-aP+1];aR+=aP}}}}for(aU=0;aU<Q.length;++aU){aJ=Q[aU];an(ak.processDatapoints,[aJ,aJ.datapoints])}for(aU=0;aU<Q.length;++aU){aJ=Q[aU];aT=aJ.datapoints.points,aP=aJ.datapoints.pointsize;var aK=aO,aQ=aO,aM=aI,aV=aI;for(aS=0;aS<aT.length;aS+=aP){if(aT[aS]==null){continue}for(aN=0;aN<aP;++aN){a0=aT[aS+aN];aX=aW[aN];if(!aX||a0==aB||a0==-aB){continue}if(aX.x){if(a0<aK){aK=a0}if(a0>aM){aM=a0}}if(aX.y){if(a0<aQ){aQ=a0}if(a0>aV){aV=a0}}}}if(aJ.bars.show){var aY=aJ.bars.align=="left"?0:-aJ.bars.barWidth/2;if(aJ.bars.horizontal){aQ+=aY;aV+=aY+aJ.bars.barWidth}else{aK+=aY;aM+=aY+aJ.bars.barWidth}}aF(aJ.xaxis,aK,aM);aF(aJ.yaxis,aQ,aV)}c.each(m(),function(a1,a2){if(a2.datamin==aO){a2.datamin=null}if(a2.datamax==aI){a2.datamax=null}})}function j(aB,aC){var aD=document.createElement("canvas");aD.className=aC;aD.width=G;aD.height=I;if(!aB){c(aD).css({position:"absolute",left:0,top:0})}c(aD).appendTo(av);if(!aD.getContext){aD=window.G_vmlCanvasManager.initElement(aD)}aD.getContext("2d").save();return aD}function B(){G=av.width();I=av.height();if(G<=0||I<=0){throw"Invalid dimensions for plot, width = "+G+", height = "+I}}function g(aC){if(aC.width!=G){aC.width=G}if(aC.height!=I){aC.height=I}var aB=aC.getContext("2d");aB.restore();aB.save()}function X(){var aC,aB=av.children("canvas.base"),aD=av.children("canvas.overlay");if(aB.length==0||aD==0){av.html("");av.css({padding:0});if(av.css("position")=="static"){av.css("position","relative")}B();az=j(true,"base");ad=j(false,"overlay");aC=false}else{az=aB.get(0);ad=aD.get(0);aC=true}H=az.getContext("2d");A=ad.getContext("2d");y=c([ad,az]);if(aC){av.data("plot").shutdown();aq.resize();A.clearRect(0,0,G,I);y.unbind();av.children().not([az,ad]).remove()}av.data("plot",aq)}function ah(){if(O.grid.hoverable){y.mousemove(aa);y.mouseleave(l)}if(O.grid.clickable){y.click(R)}an(ak.bindEvents,[y])}function ag(){if(M){clearTimeout(M)}y.unbind("mousemove",aa);y.unbind("mouseleave",l);y.unbind("click",R);an(ak.shutdown,[y])}function r(aG){function aC(aH){return aH}var aF,aB,aD=aG.options.transform||aC,aE=aG.options.inverseTransform;if(aG.direction=="x"){aF=aG.scale=h/Math.abs(aD(aG.max)-aD(aG.min));aB=Math.min(aD(aG.max),aD(aG.min))}else{aF=aG.scale=w/Math.abs(aD(aG.max)-aD(aG.min));aF=-aF;aB=Math.max(aD(aG.max),aD(aG.min))}if(aD==aC){aG.p2c=function(aH){return(aH-aB)*aF}}else{aG.p2c=function(aH){return(aD(aH)-aB)*aF}}if(!aE){aG.c2p=function(aH){return aB+aH/aF}}else{aG.c2p=function(aH){return aE(aB+aH/aF)}}}function L(aD){var aB=aD.options,aF,aJ=aD.ticks||[],aI=[],aE,aK=aB.labelWidth,aG=aB.labelHeight,aC;function aH(aM,aL){return c('<div style="position:absolute;top:-10000px;'+aL+'font-size:smaller"><div class="'+aD.direction+"Axis "+aD.direction+aD.n+'Axis">'+aM.join("")+"</div></div>").appendTo(av)}if(aD.direction=="x"){if(aK==null){aK=Math.floor(G/(aJ.length>0?aJ.length:1))}if(aG==null){aI=[];for(aF=0;aF<aJ.length;++aF){aE=aJ[aF].label;if(aE){aI.push('<div class="tickLabel" style="float:left;width:'+aK+'px">'+aE+"</div>")}}if(aI.length>0){aI.push('<div style="clear:left"></div>');aC=aH(aI,"width:10000px;");aG=aC.height();aC.remove()}}}else{if(aK==null||aG==null){for(aF=0;aF<aJ.length;++aF){aE=aJ[aF].label;if(aE){aI.push('<div class="tickLabel">'+aE+"</div>")}}if(aI.length>0){aC=aH(aI,"");if(aK==null){aK=aC.children().width()}if(aG==null){aG=aC.find("div.tickLabel").height()}aC.remove()}}}if(aK==null){aK=0}if(aG==null){aG=0}aD.labelWidth=aK;aD.labelHeight=aG}function au(aD){var aC=aD.labelWidth,aL=aD.labelHeight,aH=aD.options.position,aF=aD.options.tickLength,aG=O.grid.axisMargin,aJ=O.grid.labelMargin,aK=aD.direction=="x"?p:aw,aE;var aB=c.grep(aK,function(aN){return aN&&aN.options.position==aH&&aN.reserveSpace});if(c.inArray(aD,aB)==aB.length-1){aG=0}if(aF==null){aF="full"}var aI=c.grep(aK,function(aN){return aN&&aN.reserveSpace});var aM=c.inArray(aD,aI)==0;if(!aM&&aF=="full"){aF=5}if(!isNaN(+aF)){aJ+=+aF}if(aD.direction=="x"){aL+=aJ;if(aH=="bottom"){q.bottom+=aL+aG;aD.box={top:I-q.bottom,height:aL}}else{aD.box={top:q.top+aG,height:aL};q.top+=aL+aG}}else{aC+=aJ;if(aH=="left"){aD.box={left:q.left+aG,width:aC};q.left+=aC+aG}else{q.right+=aC+aG;aD.box={left:G-q.right,width:aC}}}aD.position=aH;aD.tickLength=aF;aD.box.padding=aJ;aD.innermost=aM}function U(aB){if(aB.direction=="x"){aB.box.left=q.left;aB.box.width=h}else{aB.box.top=q.top;aB.box.height=w}}function t(){var aC,aE=m();c.each(aE,function(aF,aG){aG.show=aG.options.show;if(aG.show==null){aG.show=aG.used}aG.reserveSpace=aG.show||aG.options.reserveSpace;n(aG)});allocatedAxes=c.grep(aE,function(aF){return aF.reserveSpace});q.left=q.right=q.top=q.bottom=0;if(O.grid.show){c.each(allocatedAxes,function(aF,aG){S(aG);P(aG);ap(aG,aG.ticks);L(aG)});for(aC=allocatedAxes.length-1;aC>=0;--aC){au(allocatedAxes[aC])}var aD=O.grid.minBorderMargin;if(aD==null){aD=0;for(aC=0;aC<Q.length;++aC){aD=Math.max(aD,Q[aC].points.radius+Q[aC].points.lineWidth/2)}}for(var aB in q){q[aB]+=O.grid.borderWidth;q[aB]=Math.max(aD,q[aB])}}h=G-q.left-q.right;w=I-q.bottom-q.top;c.each(aE,function(aF,aG){r(aG)});if(O.grid.show){c.each(allocatedAxes,function(aF,aG){U(aG)});k()}o()}function n(aE){var aF=aE.options,aD=+(aF.min!=null?aF.min:aE.datamin),aB=+(aF.max!=null?aF.max:aE.datamax),aH=aB-aD;if(aH==0){var aC=aB==0?1:0.01;if(aF.min==null){aD-=aC}if(aF.max==null||aF.min!=null){aB+=aC}}else{var aG=aF.autoscaleMargin;if(aG!=null){if(aF.min==null){aD-=aH*aG;if(aD<0&&aE.datamin!=null&&aE.datamin>=0){aD=0}}if(aF.max==null){aB+=aH*aG;if(aB>0&&aE.datamax!=null&&aE.datamax<=0){aB=0}}}}aE.min=aD;aE.max=aB}function S(aG){var aM=aG.options;var aH;if(typeof aM.ticks=="number"&&aM.ticks>0){aH=aM.ticks}else{aH=0.3*Math.sqrt(aG.direction=="x"?G:I)}var aT=(aG.max-aG.min)/aH,aO,aB,aN,aR,aS,aQ,aI;if(aM.mode=="time"){var aJ={second:1000,minute:60*1000,hour:60*60*1000,day:24*60*60*1000,month:30*24*60*60*1000,year:365.2425*24*60*60*1000};var aK=[[1,"second"],[2,"second"],[5,"second"],[10,"second"],[30,"second"],[1,"minute"],[2,"minute"],[5,"minute"],[10,"minute"],[30,"minute"],[1,"hour"],[2,"hour"],[4,"hour"],[8,"hour"],[12,"hour"],[1,"day"],[2,"day"],[3,"day"],[0.25,"month"],[0.5,"month"],[1,"month"],[2,"month"],[3,"month"],[6,"month"],[1,"year"]];var aC=0;if(aM.minTickSize!=null){if(typeof aM.tickSize=="number"){aC=aM.tickSize}else{aC=aM.minTickSize[0]*aJ[aM.minTickSize[1]]}}for(var aS=0;aS<aK.length-1;++aS){if(aT<(aK[aS][0]*aJ[aK[aS][1]]+aK[aS+1][0]*aJ[aK[aS+1][1]])/2&&aK[aS][0]*aJ[aK[aS][1]]>=aC){break}}aO=aK[aS][0];aN=aK[aS][1];if(aN=="year"){aQ=Math.pow(10,Math.floor(Math.log(aT/aJ.year)/Math.LN10));aI=(aT/aJ.year)/aQ;if(aI<1.5){aO=1}else{if(aI<3){aO=2}else{if(aI<7.5){aO=5}else{aO=10}}}aO*=aQ}aG.tickSize=aM.tickSize||[aO,aN];aB=function(aX){var a2=[],a0=aX.tickSize[0],a3=aX.tickSize[1],a1=new Date(aX.min);var aW=a0*aJ[a3];if(a3=="second"){a1.setUTCSeconds(a(a1.getUTCSeconds(),a0))}if(a3=="minute"){a1.setUTCMinutes(a(a1.getUTCMinutes(),a0))}if(a3=="hour"){a1.setUTCHours(a(a1.getUTCHours(),a0))}if(a3=="month"){a1.setUTCMonth(a(a1.getUTCMonth(),a0))}if(a3=="year"){a1.setUTCFullYear(a(a1.getUTCFullYear(),a0))}a1.setUTCMilliseconds(0);if(aW>=aJ.minute){a1.setUTCSeconds(0)}if(aW>=aJ.hour){a1.setUTCMinutes(0)}if(aW>=aJ.day){a1.setUTCHours(0)}if(aW>=aJ.day*4){a1.setUTCDate(1)}if(aW>=aJ.year){a1.setUTCMonth(0)}var a5=0,a4=Number.NaN,aY;do{aY=a4;a4=a1.getTime();a2.push(a4);if(a3=="month"){if(a0<1){a1.setUTCDate(1);var aV=a1.getTime();a1.setUTCMonth(a1.getUTCMonth()+1);var aZ=a1.getTime();a1.setTime(a4+a5*aJ.hour+(aZ-aV)*a0);a5=a1.getUTCHours();a1.setUTCHours(0)}else{a1.setUTCMonth(a1.getUTCMonth()+a0)}}else{if(a3=="year"){a1.setUTCFullYear(a1.getUTCFullYear()+a0)}else{a1.setTime(a4+aW)}}}while(a4<aX.max&&a4!=aY);return a2};aR=function(aV,aY){var a0=new Date(aV);if(aM.timeformat!=null){return c.plot.formatDate(a0,aM.timeformat,aM.monthNames)}var aW=aY.tickSize[0]*aJ[aY.tickSize[1]];var aX=aY.max-aY.min;var aZ=(aM.twelveHourClock)?" %p":"";if(aW<aJ.minute){fmt="%h:%M:%S"+aZ}else{if(aW<aJ.day){if(aX<2*aJ.day){fmt="%h:%M"+aZ}else{fmt="%b %d %h:%M"+aZ}}else{if(aW<aJ.month){fmt="%b %d"}else{if(aW<aJ.year){if(aX<aJ.year){fmt="%b"}else{fmt="%b %y"}}else{fmt="%y"}}}}return c.plot.formatDate(a0,fmt,aM.monthNames)}}else{var aU=aM.tickDecimals;var aP=-Math.floor(Math.log(aT)/Math.LN10);if(aU!=null&&aP>aU){aP=aU}aQ=Math.pow(10,-aP);aI=aT/aQ;if(aI<1.5){aO=1}else{if(aI<3){aO=2;if(aI>2.25&&(aU==null||aP+1<=aU)){aO=2.5;++aP}}else{if(aI<7.5){aO=5}else{aO=10}}}aO*=aQ;if(aM.minTickSize!=null&&aO<aM.minTickSize){aO=aM.minTickSize}aG.tickDecimals=Math.max(0,aU!=null?aU:aP);aG.tickSize=aM.tickSize||aO;aB=function(aX){var aZ=[];var a0=a(aX.min,aX.tickSize),aW=0,aV=Number.NaN,aY;do{aY=aV;aV=a0+aW*aX.tickSize;aZ.push(aV);++aW}while(aV<aX.max&&aV!=aY);return aZ};aR=function(aV,aW){return aV.toFixed(aW.tickDecimals)}}if(aM.alignTicksWithAxis!=null){var aF=(aG.direction=="x"?p:aw)[aM.alignTicksWithAxis-1];if(aF&&aF.used&&aF!=aG){var aL=aB(aG);if(aL.length>0){if(aM.min==null){aG.min=Math.min(aG.min,aL[0])}if(aM.max==null&&aL.length>1){aG.max=Math.max(aG.max,aL[aL.length-1])}}aB=function(aX){var aY=[],aV,aW;for(aW=0;aW<aF.ticks.length;++aW){aV=(aF.ticks[aW].v-aF.min)/(aF.max-aF.min);aV=aX.min+aV*(aX.max-aX.min);aY.push(aV)}return aY};if(aG.mode!="time"&&aM.tickDecimals==null){var aE=Math.max(0,-Math.floor(Math.log(aT)/Math.LN10)+1),aD=aB(aG);if(!(aD.length>1&&/\..*0$/.test((aD[1]-aD[0]).toFixed(aE)))){aG.tickDecimals=aE}}}}aG.tickGenerator=aB;if(c.isFunction(aM.tickFormatter)){aG.tickFormatter=function(aV,aW){return""+aM.tickFormatter(aV,aW)}}else{aG.tickFormatter=aR}}function P(aF){var aH=aF.options.ticks,aG=[];if(aH==null||(typeof aH=="number"&&aH>0)){aG=aF.tickGenerator(aF)}else{if(aH){if(c.isFunction(aH)){aG=aH({min:aF.min,max:aF.max})}else{aG=aH}}}var aE,aB;aF.ticks=[];for(aE=0;aE<aG.length;++aE){var aC=null;var aD=aG[aE];if(typeof aD=="object"){aB=+aD[0];if(aD.length>1){aC=aD[1]}}else{aB=+aD}if(aC==null){aC=aF.tickFormatter(aB,aF)}if(!isNaN(aB)){aF.ticks.push({v:aB,label:aC})}}}function ap(aB,aC){if(aB.options.autoscaleMargin&&aC.length>0){if(aB.options.min==null){aB.min=Math.min(aB.min,aC[0].v)}if(aB.options.max==null&&aC.length>1){aB.max=Math.max(aB.max,aC[aC.length-1].v)}}}function W(){H.clearRect(0,0,G,I);var aC=O.grid;if(aC.show&&aC.backgroundColor){N()}if(aC.show&&!aC.aboveData){ac()}for(var aB=0;aB<Q.length;++aB){an(ak.drawSeries,[H,Q[aB]]);d(Q[aB])}an(ak.draw,[H]);if(aC.show&&aC.aboveData){ac()}}function D(aB,aI){var aE,aH,aG,aD,aF=m();for(i=0;i<aF.length;++i){aE=aF[i];if(aE.direction==aI){aD=aI+aE.n+"axis";if(!aB[aD]&&aE.n==1){aD=aI+"axis"}if(aB[aD]){aH=aB[aD].from;aG=aB[aD].to;break}}}if(!aB[aD]){aE=aI=="x"?p[0]:aw[0];aH=aB[aI+"1"];aG=aB[aI+"2"]}if(aH!=null&&aG!=null&&aH>aG){var aC=aH;aH=aG;aG=aC}return{from:aH,to:aG,axis:aE}}function N(){H.save();H.translate(q.left,q.top);H.fillStyle=am(O.grid.backgroundColor,w,0,"rgba(255, 255, 255, 0)");H.fillRect(0,0,h,w);H.restore()}function ac(){var aF;H.save();H.translate(q.left,q.top);var aH=O.grid.markings;if(aH){if(c.isFunction(aH)){var aK=aq.getAxes();aK.xmin=aK.xaxis.min;aK.xmax=aK.xaxis.max;aK.ymin=aK.yaxis.min;aK.ymax=aK.yaxis.max;aH=aH(aK)}for(aF=0;aF<aH.length;++aF){var aD=aH[aF],aC=D(aD,"x"),aI=D(aD,"y");if(aC.from==null){aC.from=aC.axis.min}if(aC.to==null){aC.to=aC.axis.max}if(aI.from==null){aI.from=aI.axis.min}if(aI.to==null){aI.to=aI.axis.max}if(aC.to<aC.axis.min||aC.from>aC.axis.max||aI.to<aI.axis.min||aI.from>aI.axis.max){continue}aC.from=Math.max(aC.from,aC.axis.min);aC.to=Math.min(aC.to,aC.axis.max);aI.from=Math.max(aI.from,aI.axis.min);aI.to=Math.min(aI.to,aI.axis.max);if(aC.from==aC.to&&aI.from==aI.to){continue}aC.from=aC.axis.p2c(aC.from);aC.to=aC.axis.p2c(aC.to);aI.from=aI.axis.p2c(aI.from);aI.to=aI.axis.p2c(aI.to);if(aC.from==aC.to||aI.from==aI.to){H.beginPath();H.strokeStyle=aD.color||O.grid.markingsColor;H.lineWidth=aD.lineWidth||O.grid.markingsLineWidth;H.moveTo(aC.from,aI.from);H.lineTo(aC.to,aI.to);H.stroke()}else{H.fillStyle=aD.color||O.grid.markingsColor;H.fillRect(aC.from,aI.to,aC.to-aC.from,aI.from-aI.to)}}}var aK=m(),aM=O.grid.borderWidth;for(var aE=0;aE<aK.length;++aE){var aB=aK[aE],aG=aB.box,aQ=aB.tickLength,aN,aL,aP,aJ;if(!aB.show||aB.ticks.length==0){continue}H.strokeStyle=aB.options.tickColor||c.color.parse(aB.options.color).scale("a",0.22).toString();H.lineWidth=1;if(aB.direction=="x"){aN=0;if(aQ=="full"){aL=(aB.position=="top"?0:w)}else{aL=aG.top-q.top+(aB.position=="top"?aG.height:0)}}else{aL=0;if(aQ=="full"){aN=(aB.position=="left"?0:h)}else{aN=aG.left-q.left+(aB.position=="left"?aG.width:0)}}if(!aB.innermost){H.beginPath();aP=aJ=0;if(aB.direction=="x"){aP=h}else{aJ=w}if(H.lineWidth==1){aN=Math.floor(aN)+0.5;aL=Math.floor(aL)+0.5}H.moveTo(aN,aL);H.lineTo(aN+aP,aL+aJ);H.stroke()}H.beginPath();for(aF=0;aF<aB.ticks.length;++aF){var aO=aB.ticks[aF].v;aP=aJ=0;if(aO<aB.min||aO>aB.max||(aQ=="full"&&aM>0&&(aO==aB.min||aO==aB.max))){continue}if(aB.direction=="x"){aN=aB.p2c(aO);aJ=aQ=="full"?-w:aQ;if(aB.position=="top"){aJ=-aJ}}else{aL=aB.p2c(aO);aP=aQ=="full"?-h:aQ;if(aB.position=="left"){aP=-aP}}if(H.lineWidth==1){if(aB.direction=="x"){aN=Math.floor(aN)+0.5}else{aL=Math.floor(aL)+0.5}}H.moveTo(aN,aL);H.lineTo(aN+aP,aL+aJ)}H.stroke()}if(aM){H.lineWidth=aM;H.strokeStyle=O.grid.borderColor;H.strokeRect(-aM/2,-aM/2,h+aM,w+aM)}H.restore()}function k(){av.find(".tickLabels").remove();var aG=['<div class="tickLabels" style="font-size:smaller">'];var aJ=m();for(var aD=0;aD<aJ.length;++aD){var aC=aJ[aD],aF=aC.box;if(!aC.show){continue}aG.push('<div class="'+aC.direction+"Axis "+aC.direction+aC.n+'Axis" style="color:'+aC.options.color+'">');for(var aE=0;aE<aC.ticks.length;++aE){var aH=aC.ticks[aE];if(!aH.label||aH.v<aC.min||aH.v>aC.max){continue}var aK={},aI;if(aC.direction=="x"){aI="center";aK.left=Math.round(q.left+aC.p2c(aH.v)-aC.labelWidth/2);if(aC.position=="bottom"){aK.top=aF.top+aF.padding}else{aK.bottom=I-(aF.top+aF.height-aF.padding)}}else{aK.top=Math.round(q.top+aC.p2c(aH.v)-aC.labelHeight/2);if(aC.position=="left"){aK.right=G-(aF.left+aF.width-aF.padding);aI="right"}else{aK.left=aF.left+aF.padding;aI="left"}}aK.width=aC.labelWidth;var aB=["position:absolute","text-align:"+aI];for(var aL in aK){aB.push(aL+":"+aK[aL]+"px")}aG.push('<div class="tickLabel" style="'+aB.join(";")+'">'+aH.label+"</div>")}aG.push("</div>")}aG.push("</div>");av.append(aG.join(""))}function d(aB){if(aB.lines.show){at(aB)}if(aB.bars.show){e(aB)}if(aB.points.show){ao(aB)}}function at(aE){function aD(aP,aQ,aI,aU,aT){var aV=aP.points,aJ=aP.pointsize,aN=null,aM=null;H.beginPath();for(var aO=aJ;aO<aV.length;aO+=aJ){var aL=aV[aO-aJ],aS=aV[aO-aJ+1],aK=aV[aO],aR=aV[aO+1];if(aL==null||aK==null){continue}if(aS<=aR&&aS<aT.min){if(aR<aT.min){continue}aL=(aT.min-aS)/(aR-aS)*(aK-aL)+aL;aS=aT.min}else{if(aR<=aS&&aR<aT.min){if(aS<aT.min){continue}aK=(aT.min-aS)/(aR-aS)*(aK-aL)+aL;aR=aT.min}}if(aS>=aR&&aS>aT.max){if(aR>aT.max){continue}aL=(aT.max-aS)/(aR-aS)*(aK-aL)+aL;aS=aT.max}else{if(aR>=aS&&aR>aT.max){if(aS>aT.max){continue}aK=(aT.max-aS)/(aR-aS)*(aK-aL)+aL;aR=aT.max}}if(aL<=aK&&aL<aU.min){if(aK<aU.min){continue}aS=(aU.min-aL)/(aK-aL)*(aR-aS)+aS;aL=aU.min}else{if(aK<=aL&&aK<aU.min){if(aL<aU.min){continue}aR=(aU.min-aL)/(aK-aL)*(aR-aS)+aS;aK=aU.min}}if(aL>=aK&&aL>aU.max){if(aK>aU.max){continue}aS=(aU.max-aL)/(aK-aL)*(aR-aS)+aS;aL=aU.max}else{if(aK>=aL&&aK>aU.max){if(aL>aU.max){continue}aR=(aU.max-aL)/(aK-aL)*(aR-aS)+aS;aK=aU.max}}if(aL!=aN||aS!=aM){H.moveTo(aU.p2c(aL)+aQ,aT.p2c(aS)+aI)}aN=aK;aM=aR;H.lineTo(aU.p2c(aK)+aQ,aT.p2c(aR)+aI)}H.stroke()}function aF(aI,aQ,aP){var aW=aI.points,aV=aI.pointsize,aN=Math.min(Math.max(0,aP.min),aP.max),aX=0,aU,aT=false,aM=1,aL=0,aR=0;while(true){if(aV>0&&aX>aW.length+aV){break}aX+=aV;var aZ=aW[aX-aV],aK=aW[aX-aV+aM],aY=aW[aX],aJ=aW[aX+aM];if(aT){if(aV>0&&aZ!=null&&aY==null){aR=aX;aV=-aV;aM=2;continue}if(aV<0&&aX==aL+aV){H.fill();aT=false;aV=-aV;aM=1;aX=aL=aR+aV;continue}}if(aZ==null||aY==null){continue}if(aZ<=aY&&aZ<aQ.min){if(aY<aQ.min){continue}aK=(aQ.min-aZ)/(aY-aZ)*(aJ-aK)+aK;aZ=aQ.min}else{if(aY<=aZ&&aY<aQ.min){if(aZ<aQ.min){continue}aJ=(aQ.min-aZ)/(aY-aZ)*(aJ-aK)+aK;aY=aQ.min}}if(aZ>=aY&&aZ>aQ.max){if(aY>aQ.max){continue}aK=(aQ.max-aZ)/(aY-aZ)*(aJ-aK)+aK;aZ=aQ.max}else{if(aY>=aZ&&aY>aQ.max){if(aZ>aQ.max){continue}aJ=(aQ.max-aZ)/(aY-aZ)*(aJ-aK)+aK;aY=aQ.max}}if(!aT){H.beginPath();H.moveTo(aQ.p2c(aZ),aP.p2c(aN));aT=true}if(aK>=aP.max&&aJ>=aP.max){H.lineTo(aQ.p2c(aZ),aP.p2c(aP.max));H.lineTo(aQ.p2c(aY),aP.p2c(aP.max));continue}else{if(aK<=aP.min&&aJ<=aP.min){H.lineTo(aQ.p2c(aZ),aP.p2c(aP.min));H.lineTo(aQ.p2c(aY),aP.p2c(aP.min));continue}}var aO=aZ,aS=aY;if(aK<=aJ&&aK<aP.min&&aJ>=aP.min){aZ=(aP.min-aK)/(aJ-aK)*(aY-aZ)+aZ;aK=aP.min}else{if(aJ<=aK&&aJ<aP.min&&aK>=aP.min){aY=(aP.min-aK)/(aJ-aK)*(aY-aZ)+aZ;aJ=aP.min}}if(aK>=aJ&&aK>aP.max&&aJ<=aP.max){aZ=(aP.max-aK)/(aJ-aK)*(aY-aZ)+aZ;aK=aP.max}else{if(aJ>=aK&&aJ>aP.max&&aK<=aP.max){aY=(aP.max-aK)/(aJ-aK)*(aY-aZ)+aZ;aJ=aP.max}}if(aZ!=aO){H.lineTo(aQ.p2c(aO),aP.p2c(aK))}H.lineTo(aQ.p2c(aZ),aP.p2c(aK));H.lineTo(aQ.p2c(aY),aP.p2c(aJ));if(aY!=aS){H.lineTo(aQ.p2c(aY),aP.p2c(aJ));H.lineTo(aQ.p2c(aS),aP.p2c(aJ))}}}H.save();H.translate(q.left,q.top);H.lineJoin="round";var aG=aE.lines.lineWidth,aB=aE.shadowSize;if(aG>0&&aB>0){H.lineWidth=aB;H.strokeStyle="rgba(0,0,0,0.1)";var aH=Math.PI/18;aD(aE.datapoints,Math.sin(aH)*(aG/2+aB/2),Math.cos(aH)*(aG/2+aB/2),aE.xaxis,aE.yaxis);H.lineWidth=aB/2;aD(aE.datapoints,Math.sin(aH)*(aG/2+aB/4),Math.cos(aH)*(aG/2+aB/4),aE.xaxis,aE.yaxis)}H.lineWidth=aG;H.strokeStyle=aE.color;var aC=ae(aE.lines,aE.color,0,w);if(aC){H.fillStyle=aC;aF(aE.datapoints,aE.xaxis,aE.yaxis)}if(aG>0){aD(aE.datapoints,0,0,aE.xaxis,aE.yaxis)}H.restore()}function ao(aE){function aH(aN,aM,aU,aK,aS,aT,aQ,aJ){var aR=aN.points,aI=aN.pointsize;for(var aL=0;aL<aR.length;aL+=aI){var aP=aR[aL],aO=aR[aL+1];if(aP==null||aP<aT.min||aP>aT.max||aO<aQ.min||aO>aQ.max){continue}H.beginPath();aP=aT.p2c(aP);aO=aQ.p2c(aO)+aK;if(aJ=="circle"){H.arc(aP,aO,aM,0,aS?Math.PI:Math.PI*2,false)}else{aJ(H,aP,aO,aM,aS)}H.closePath();if(aU){H.fillStyle=aU;H.fill()}H.stroke()}}H.save();H.translate(q.left,q.top);var aG=aE.points.lineWidth,aC=aE.shadowSize,aB=aE.points.radius,aF=aE.points.symbol;if(aG>0&&aC>0){var aD=aC/2;H.lineWidth=aD;H.strokeStyle="rgba(0,0,0,0.1)";aH(aE.datapoints,aB,null,aD+aD/2,true,aE.xaxis,aE.yaxis,aF);H.strokeStyle="rgba(0,0,0,0.2)";aH(aE.datapoints,aB,null,aD/2,true,aE.xaxis,aE.yaxis,aF)}H.lineWidth=aG;H.strokeStyle=aE.color;aH(aE.datapoints,aB,ae(aE.points,aE.color),0,false,aE.xaxis,aE.yaxis,aF);H.restore()}function E(aN,aM,aV,aI,aQ,aF,aD,aL,aK,aU,aR,aC){var aE,aT,aJ,aP,aG,aB,aO,aH,aS;if(aR){aH=aB=aO=true;aG=false;aE=aV;aT=aN;aP=aM+aI;aJ=aM+aQ;if(aT<aE){aS=aT;aT=aE;aE=aS;aG=true;aB=false}}else{aG=aB=aO=true;aH=false;aE=aN+aI;aT=aN+aQ;aJ=aV;aP=aM;if(aP<aJ){aS=aP;aP=aJ;aJ=aS;aH=true;aO=false}}if(aT<aL.min||aE>aL.max||aP<aK.min||aJ>aK.max){return}if(aE<aL.min){aE=aL.min;aG=false}if(aT>aL.max){aT=aL.max;aB=false}if(aJ<aK.min){aJ=aK.min;aH=false}if(aP>aK.max){aP=aK.max;aO=false}aE=aL.p2c(aE);aJ=aK.p2c(aJ);aT=aL.p2c(aT);aP=aK.p2c(aP);if(aD){aU.beginPath();aU.moveTo(aE,aJ);aU.lineTo(aE,aP);aU.lineTo(aT,aP);aU.lineTo(aT,aJ);aU.fillStyle=aD(aJ,aP);aU.fill()}if(aC>0&&(aG||aB||aO||aH)){aU.beginPath();aU.moveTo(aE,aJ+aF);if(aG){aU.lineTo(aE,aP+aF)}else{aU.moveTo(aE,aP+aF)}if(aO){aU.lineTo(aT,aP+aF)}else{aU.moveTo(aT,aP+aF)}if(aB){aU.lineTo(aT,aJ+aF)}else{aU.moveTo(aT,aJ+aF)}if(aH){aU.lineTo(aE,aJ+aF)}else{aU.moveTo(aE,aJ+aF)}aU.stroke()}}function e(aD){function aC(aJ,aI,aL,aG,aK,aN,aM){var aO=aJ.points,aF=aJ.pointsize;for(var aH=0;aH<aO.length;aH+=aF){if(aO[aH]==null){continue}E(aO[aH],aO[aH+1],aO[aH+2],aI,aL,aG,aK,aN,aM,H,aD.bars.horizontal,aD.bars.lineWidth)}}H.save();H.translate(q.left,q.top);H.lineWidth=aD.bars.lineWidth;H.strokeStyle=aD.color;var aB=aD.bars.align=="left"?0:-aD.bars.barWidth/2;var aE=aD.bars.fill?function(aF,aG){return ae(aD.bars,aD.color,aF,aG)}:null;aC(aD.datapoints,aB,aB+aD.bars.barWidth,0,aE,aD.xaxis,aD.yaxis);H.restore()}function ae(aD,aB,aC,aF){var aE=aD.fill;if(!aE){return null}if(aD.fillColor){return am(aD.fillColor,aC,aF,aB)}var aG=c.color.parse(aB);aG.a=typeof aE=="number"?aE:0.4;aG.normalize();return aG.toString()}function o(){av.find(".legend").remove();if(!O.legend.show){return}var aH=[],aF=false,aN=O.legend.labelFormatter,aM,aJ;for(var aE=0;aE<Q.length;++aE){aM=Q[aE];aJ=aM.label;if(!aJ){continue}if(aE%O.legend.noColumns==0){if(aF){aH.push("</tr>")}aH.push("<tr>");aF=true}if(aN){aJ=aN(aJ,aM)}aH.push('<td class="legendColorBox"><div style="border:1px solid '+O.legend.labelBoxBorderColor+';padding:1px"><div style="width:4px;height:0;border:5px solid '+aM.color+';overflow:hidden"></div></div></td><td class="legendLabel">'+aJ+"</td>")}if(aF){aH.push("</tr>")}if(aH.length==0){return}var aL='<table style="font-size:smaller;color:'+O.grid.color+'">'+aH.join("")+"</table>";if(O.legend.container!=null){c(O.legend.container).html(aL)}else{var aI="",aC=O.legend.position,aD=O.legend.margin;if(aD[0]==null){aD=[aD,aD]}if(aC.charAt(0)=="n"){aI+="top:"+(aD[1]+q.top)+"px;"}else{if(aC.charAt(0)=="s"){aI+="bottom:"+(aD[1]+q.bottom)+"px;"}}if(aC.charAt(1)=="e"){aI+="right:"+(aD[0]+q.right)+"px;"}else{if(aC.charAt(1)=="w"){aI+="left:"+(aD[0]+q.left)+"px;"}}var aK=c('<div class="legend">'+aL.replace('style="','style="position:absolute;'+aI+";")+"</div>").appendTo(av);if(O.legend.backgroundOpacity!=0){var aG=O.legend.backgroundColor;if(aG==null){aG=O.grid.backgroundColor;if(aG&&typeof aG=="string"){aG=c.color.parse(aG)}else{aG=c.color.extract(aK,"background-color")}aG.a=1;aG=aG.toString()}var aB=aK.children();c('<div style="position:absolute;width:'+aB.width()+"px;height:"+aB.height()+"px;"+aI+"background-color:"+aG+';"> </div>').prependTo(aK).css("opacity",O.legend.backgroundOpacity)}}}var ab=[],M=null;function K(aI,aG,aD){var aO=O.grid.mouseActiveRadius,a0=aO*aO+1,aY=null,aR=false,aW,aU;for(aW=Q.length-1;aW>=0;--aW){if(!aD(Q[aW])){continue}var aP=Q[aW],aH=aP.xaxis,aF=aP.yaxis,aV=aP.datapoints.points,aT=aP.datapoints.pointsize,aQ=aH.c2p(aI),aN=aF.c2p(aG),aC=aO/aH.scale,aB=aO/aF.scale;if(aH.options.inverseTransform){aC=Number.MAX_VALUE}if(aF.options.inverseTransform){aB=Number.MAX_VALUE}if(aP.lines.show||aP.points.show){for(aU=0;aU<aV.length;aU+=aT){var aK=aV[aU],aJ=aV[aU+1];if(aK==null){continue}if(aK-aQ>aC||aK-aQ<-aC||aJ-aN>aB||aJ-aN<-aB){continue}var aM=Math.abs(aH.p2c(aK)-aI),aL=Math.abs(aF.p2c(aJ)-aG),aS=aM*aM+aL*aL;if(aS<a0){a0=aS;aY=[aW,aU/aT]}}}if(aP.bars.show&&!aY){var aE=aP.bars.align=="left"?0:-aP.bars.barWidth/2,aX=aE+aP.bars.barWidth;for(aU=0;aU<aV.length;aU+=aT){var aK=aV[aU],aJ=aV[aU+1],aZ=aV[aU+2];if(aK==null){continue}if(Q[aW].bars.horizontal?(aQ<=Math.max(aZ,aK)&&aQ>=Math.min(aZ,aK)&&aN>=aJ+aE&&aN<=aJ+aX):(aQ>=aK+aE&&aQ<=aK+aX&&aN>=Math.min(aZ,aJ)&&aN<=Math.max(aZ,aJ))){aY=[aW,aU/aT]}}}}if(aY){aW=aY[0];aU=aY[1];aT=Q[aW].datapoints.pointsize;return{datapoint:Q[aW].datapoints.points.slice(aU*aT,(aU+1)*aT),dataIndex:aU,series:Q[aW],seriesIndex:aW}}return null}function aa(aB){if(O.grid.hoverable){u("plothover",aB,function(aC){return aC.hoverable!=false})}}function l(aB){if(O.grid.hoverable){u("plothover",aB,function(aC){return false})}}function R(aB){u("plotclick",aB,function(aC){return aC.clickable!=false})}function u(aC,aB,aD){var aE=y.offset(),aH=aB.pageX-aE.left-q.left,aF=aB.pageY-aE.top-q.top,aJ=C({left:aH,top:aF});aJ.pageX=aB.pageX;aJ.pageY=aB.pageY;var aK=K(aH,aF,aD);if(aK){aK.pageX=parseInt(aK.series.xaxis.p2c(aK.datapoint[0])+aE.left+q.left);aK.pageY=parseInt(aK.series.yaxis.p2c(aK.datapoint[1])+aE.top+q.top)}if(O.grid.autoHighlight){for(var aG=0;aG<ab.length;++aG){var aI=ab[aG];if(aI.auto==aC&&!(aK&&aI.series==aK.series&&aI.point[0]==aK.datapoint[0]&&aI.point[1]==aK.datapoint[1])){T(aI.series,aI.point)}}if(aK){x(aK.series,aK.datapoint,aC)}}av.trigger(aC,[aJ,aK])}function f(){if(!M){M=setTimeout(s,30)}}function s(){M=null;A.save();A.clearRect(0,0,G,I);A.translate(q.left,q.top);var aC,aB;for(aC=0;aC<ab.length;++aC){aB=ab[aC];if(aB.series.bars.show){v(aB.series,aB.point)}else{ay(aB.series,aB.point)}}A.restore();an(ak.drawOverlay,[A])}function x(aD,aB,aF){if(typeof aD=="number"){aD=Q[aD]}if(typeof aB=="number"){var aE=aD.datapoints.pointsize;aB=aD.datapoints.points.slice(aE*aB,aE*(aB+1))}var aC=al(aD,aB);if(aC==-1){ab.push({series:aD,point:aB,auto:aF});f()}else{if(!aF){ab[aC].auto=false}}}function T(aD,aB){if(aD==null&&aB==null){ab=[];f()}if(typeof aD=="number"){aD=Q[aD]}if(typeof aB=="number"){aB=aD.data[aB]}var aC=al(aD,aB);if(aC!=-1){ab.splice(aC,1);f()}}function al(aD,aE){for(var aB=0;aB<ab.length;++aB){var aC=ab[aB];if(aC.series==aD&&aC.point[0]==aE[0]&&aC.point[1]==aE[1]){return aB}}return -1}function ay(aE,aD){var aC=aD[0],aI=aD[1],aH=aE.xaxis,aG=aE.yaxis;if(aC<aH.min||aC>aH.max||aI<aG.min||aI>aG.max){return}var aF=aE.points.radius+aE.points.lineWidth/2;A.lineWidth=aF;A.strokeStyle=c.color.parse(aE.color).scale("a",0.5).toString();var aB=1.5*aF,aC=aH.p2c(aC),aI=aG.p2c(aI);A.beginPath();if(aE.points.symbol=="circle"){A.arc(aC,aI,aB,0,2*Math.PI,false)}else{aE.points.symbol(A,aC,aI,aB,false)}A.closePath();A.stroke()}function v(aE,aB){A.lineWidth=aE.bars.lineWidth;A.strokeStyle=c.color.parse(aE.color).scale("a",0.5).toString();var aD=c.color.parse(aE.color).scale("a",0.5).toString();var aC=aE.bars.align=="left"?0:-aE.bars.barWidth/2;E(aB[0],aB[1],aB[2]||0,aC,aC+aE.bars.barWidth,0,function(){return aD},aE.xaxis,aE.yaxis,A,aE.bars.horizontal,aE.bars.lineWidth)}function am(aJ,aB,aH,aC){if(typeof aJ=="string"){return aJ}else{var aI=H.createLinearGradient(0,aH,0,aB);for(var aE=0,aD=aJ.colors.length;aE<aD;++aE){var aF=aJ.colors[aE];if(typeof aF!="string"){var aG=c.color.parse(aC);if(aF.brightness!=null){aG=aG.scale("rgb",aF.brightness)}if(aF.opacity!=null){aG.a*=aF.opacity}aF=aG.toString()}aI.addColorStop(aE/(aD-1),aF)}return aI}}}c.plot=function(g,e,d){var f=new b(c(g),e,d,c.plot.plugins);return f};c.plot.version="0.7";c.plot.plugins=[];c.plot.formatDate=function(l,f,h){var o=function(d){d=""+d;return d.length==1?"0"+d:d};var e=[];var p=false,j=false;var n=l.getUTCHours();var k=n<12;if(h==null){h=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}if(f.search(/%p|%P/)!=-1){if(n>12){n=n-12}else{if(n==0){n=12}}}for(var g=0;g<f.length;++g){var m=f.charAt(g);if(p){switch(m){case"h":m=""+n;break;case"H":m=o(n);break;case"M":m=o(l.getUTCMinutes());break;case"S":m=o(l.getUTCSeconds());break;case"d":m=""+l.getUTCDate();break;case"m":m=""+(l.getUTCMonth()+1);break;case"y":m=""+l.getUTCFullYear();break;case"b":m=""+h[l.getUTCMonth()];break;case"p":m=(k)?("am"):("pm");break;case"P":m=(k)?("AM"):("PM");break;case"0":m="";j=true;break}if(m&&j){m=o(m);j=false}e.push(m);if(!j){p=false}}else{if(m=="%"){p=true}else{e.push(m)}}}return e.join("")};function a(e,d){return d*Math.floor(e/d)}})(jQuery);
@@ -0,0 +1,336 @@
1
+ /*
2
+ Flot plugin for adding panning and zooming capabilities to a plot.
3
+
4
+ The default behaviour is double click and scrollwheel up/down to zoom
5
+ in, drag to pan. The plugin defines plot.zoom({ center }),
6
+ plot.zoomOut() and plot.pan(offset) so you easily can add custom
7
+ controls. It also fires a "plotpan" and "plotzoom" event when
8
+ something happens, useful for synchronizing plots.
9
+
10
+ Options:
11
+
12
+ zoom: {
13
+ interactive: false
14
+ trigger: "dblclick" // or "click" for single click
15
+ amount: 1.5 // 2 = 200% (zoom in), 0.5 = 50% (zoom out)
16
+ }
17
+
18
+ pan: {
19
+ interactive: false
20
+ cursor: "move" // CSS mouse cursor value used when dragging, e.g. "pointer"
21
+ frameRate: 20
22
+ }
23
+
24
+ xaxis, yaxis, x2axis, y2axis: {
25
+ zoomRange: null // or [number, number] (min range, max range) or false
26
+ panRange: null // or [number, number] (min, max) or false
27
+ }
28
+
29
+ "interactive" enables the built-in drag/click behaviour. If you enable
30
+ interactive for pan, then you'll have a basic plot that supports
31
+ moving around; the same for zoom.
32
+
33
+ "amount" specifies the default amount to zoom in (so 1.5 = 150%)
34
+ relative to the current viewport.
35
+
36
+ "cursor" is a standard CSS mouse cursor string used for visual
37
+ feedback to the user when dragging.
38
+
39
+ "frameRate" specifies the maximum number of times per second the plot
40
+ will update itself while the user is panning around on it (set to null
41
+ to disable intermediate pans, the plot will then not update until the
42
+ mouse button is released).
43
+
44
+ "zoomRange" is the interval in which zooming can happen, e.g. with
45
+ zoomRange: [1, 100] the zoom will never scale the axis so that the
46
+ difference between min and max is smaller than 1 or larger than 100.
47
+ You can set either end to null to ignore, e.g. [1, null]. If you set
48
+ zoomRange to false, zooming on that axis will be disabled.
49
+
50
+ "panRange" confines the panning to stay within a range, e.g. with
51
+ panRange: [-10, 20] panning stops at -10 in one end and at 20 in the
52
+ other. Either can be null, e.g. [-10, null]. If you set
53
+ panRange to false, panning on that axis will be disabled.
54
+
55
+ Example API usage:
56
+
57
+ plot = $.plot(...);
58
+
59
+ // zoom default amount in on the pixel (10, 20)
60
+ plot.zoom({ center: { left: 10, top: 20 } });
61
+
62
+ // zoom out again
63
+ plot.zoomOut({ center: { left: 10, top: 20 } });
64
+
65
+ // zoom 200% in on the pixel (10, 20)
66
+ plot.zoom({ amount: 2, center: { left: 10, top: 20 } });
67
+
68
+ // pan 100 pixels to the left and 20 down
69
+ plot.pan({ left: -100, top: 20 })
70
+
71
+ Here, "center" specifies where the center of the zooming should
72
+ happen. Note that this is defined in pixel space, not the space of the
73
+ data points (you can use the p2c helpers on the axes in Flot to help
74
+ you convert between these).
75
+
76
+ "amount" is the amount to zoom the viewport relative to the current
77
+ range, so 1 is 100% (i.e. no change), 1.5 is 150% (zoom in), 0.7 is
78
+ 70% (zoom out). You can set the default in the options.
79
+
80
+ */
81
+
82
+
83
+ // First two dependencies, jquery.event.drag.js and
84
+ // jquery.mousewheel.js, we put them inline here to save people the
85
+ // effort of downloading them.
86
+
87
+ /*
88
+ jquery.event.drag.js ~ v1.5 ~ Copyright (c) 2008, Three Dub Media (http://threedubmedia.com)
89
+ Licensed under the MIT License ~ http://threedubmedia.googlecode.com/files/MIT-LICENSE.txt
90
+ */
91
+ (function(E){E.fn.drag=function(L,K,J){if(K){this.bind("dragstart",L)}if(J){this.bind("dragend",J)}return !L?this.trigger("drag"):this.bind("drag",K?K:L)};var A=E.event,B=A.special,F=B.drag={not:":input",distance:0,which:1,dragging:false,setup:function(J){J=E.extend({distance:F.distance,which:F.which,not:F.not},J||{});J.distance=I(J.distance);A.add(this,"mousedown",H,J);if(this.attachEvent){this.attachEvent("ondragstart",D)}},teardown:function(){A.remove(this,"mousedown",H);if(this===F.dragging){F.dragging=F.proxy=false}G(this,true);if(this.detachEvent){this.detachEvent("ondragstart",D)}}};B.dragstart=B.dragend={setup:function(){},teardown:function(){}};function H(L){var K=this,J,M=L.data||{};if(M.elem){K=L.dragTarget=M.elem;L.dragProxy=F.proxy||K;L.cursorOffsetX=M.pageX-M.left;L.cursorOffsetY=M.pageY-M.top;L.offsetX=L.pageX-L.cursorOffsetX;L.offsetY=L.pageY-L.cursorOffsetY}else{if(F.dragging||(M.which>0&&L.which!=M.which)||E(L.target).is(M.not)){return }}switch(L.type){case"mousedown":E.extend(M,E(K).offset(),{elem:K,target:L.target,pageX:L.pageX,pageY:L.pageY});A.add(document,"mousemove mouseup",H,M);G(K,false);F.dragging=null;return false;case !F.dragging&&"mousemove":if(I(L.pageX-M.pageX)+I(L.pageY-M.pageY)<M.distance){break}L.target=M.target;J=C(L,"dragstart",K);if(J!==false){F.dragging=K;F.proxy=L.dragProxy=E(J||K)[0]}case"mousemove":if(F.dragging){J=C(L,"drag",K);if(B.drop){B.drop.allowed=(J!==false);B.drop.handler(L)}if(J!==false){break}L.type="mouseup"}case"mouseup":A.remove(document,"mousemove mouseup",H);if(F.dragging){if(B.drop){B.drop.handler(L)}C(L,"dragend",K)}G(K,true);F.dragging=F.proxy=M.elem=false;break}return true}function C(M,K,L){M.type=K;var J=E.event.handle.call(L,M);return J===false?false:J||M.result}function I(J){return Math.pow(J,2)}function D(){return(F.dragging===false)}function G(K,J){if(!K){return }K.unselectable=J?"off":"on";K.onselectstart=function(){return J};if(K.style){K.style.MozUserSelect=J?"":"none"}}})(jQuery);
92
+
93
+
94
+ /* jquery.mousewheel.min.js
95
+ * Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net)
96
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
97
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
98
+ * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
99
+ * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
100
+ *
101
+ * Version: 3.0.2
102
+ *
103
+ * Requires: 1.2.2+
104
+ */
105
+ (function(c){var a=["DOMMouseScroll","mousewheel"];c.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var d=a.length;d;){this.addEventListener(a[--d],b,false)}}else{this.onmousewheel=b}},teardown:function(){if(this.removeEventListener){for(var d=a.length;d;){this.removeEventListener(a[--d],b,false)}}else{this.onmousewheel=null}}};c.fn.extend({mousewheel:function(d){return d?this.bind("mousewheel",d):this.trigger("mousewheel")},unmousewheel:function(d){return this.unbind("mousewheel",d)}});function b(f){var d=[].slice.call(arguments,1),g=0,e=true;f=c.event.fix(f||window.event);f.type="mousewheel";if(f.wheelDelta){g=f.wheelDelta/120}if(f.detail){g=-f.detail/3}d.unshift(f,g);return c.event.handle.apply(this,d)}})(jQuery);
106
+
107
+
108
+
109
+
110
+ (function ($) {
111
+ var options = {
112
+ xaxis: {
113
+ zoomRange: null, // or [number, number] (min range, max range)
114
+ panRange: null // or [number, number] (min, max)
115
+ },
116
+ zoom: {
117
+ interactive: false,
118
+ trigger: "dblclick", // or "click" for single click
119
+ amount: 1.5 // how much to zoom relative to current position, 2 = 200% (zoom in), 0.5 = 50% (zoom out)
120
+ },
121
+ pan: {
122
+ interactive: false,
123
+ cursor: "move",
124
+ frameRate: 20
125
+ }
126
+ };
127
+
128
+ function init(plot) {
129
+ function onZoomClick(e, zoomOut) {
130
+ var c = plot.offset();
131
+ c.left = e.pageX - c.left;
132
+ c.top = e.pageY - c.top;
133
+ if (zoomOut)
134
+ plot.zoomOut({ center: c });
135
+ else
136
+ plot.zoom({ center: c });
137
+ }
138
+
139
+ function onMouseWheel(e, delta) {
140
+ onZoomClick(e, delta < 0);
141
+ return false;
142
+ }
143
+
144
+ var prevCursor = 'default', prevPageX = 0, prevPageY = 0,
145
+ panTimeout = null;
146
+
147
+ function onDragStart(e) {
148
+ if (e.which != 1) // only accept left-click
149
+ return false;
150
+ var c = plot.getPlaceholder().css('cursor');
151
+ if (c)
152
+ prevCursor = c;
153
+ plot.getPlaceholder().css('cursor', plot.getOptions().pan.cursor);
154
+ prevPageX = e.pageX;
155
+ prevPageY = e.pageY;
156
+ }
157
+
158
+ function onDrag(e) {
159
+ var frameRate = plot.getOptions().pan.frameRate;
160
+ if (panTimeout || !frameRate)
161
+ return;
162
+
163
+ panTimeout = setTimeout(function () {
164
+ plot.pan({ left: prevPageX - e.pageX,
165
+ top: prevPageY - e.pageY });
166
+ prevPageX = e.pageX;
167
+ prevPageY = e.pageY;
168
+
169
+ panTimeout = null;
170
+ }, 1 / frameRate * 1000);
171
+ }
172
+
173
+ function onDragEnd(e) {
174
+ if (panTimeout) {
175
+ clearTimeout(panTimeout);
176
+ panTimeout = null;
177
+ }
178
+
179
+ plot.getPlaceholder().css('cursor', prevCursor);
180
+ plot.pan({ left: prevPageX - e.pageX,
181
+ top: prevPageY - e.pageY });
182
+ }
183
+
184
+ function bindEvents(plot, eventHolder) {
185
+ var o = plot.getOptions();
186
+ if (o.zoom.interactive) {
187
+ eventHolder[o.zoom.trigger](onZoomClick);
188
+ eventHolder.mousewheel(onMouseWheel);
189
+ }
190
+
191
+ if (o.pan.interactive) {
192
+ eventHolder.bind("dragstart", { distance: 10 }, onDragStart);
193
+ eventHolder.bind("drag", onDrag);
194
+ eventHolder.bind("dragend", onDragEnd);
195
+ }
196
+ }
197
+
198
+ plot.zoomOut = function (args) {
199
+ if (!args)
200
+ args = {};
201
+
202
+ if (!args.amount)
203
+ args.amount = plot.getOptions().zoom.amount
204
+
205
+ args.amount = 1 / args.amount;
206
+ plot.zoom(args);
207
+ }
208
+
209
+ plot.zoom = function (args) {
210
+ if (!args)
211
+ args = {};
212
+
213
+ var c = args.center,
214
+ amount = args.amount || plot.getOptions().zoom.amount,
215
+ w = plot.width(), h = plot.height();
216
+
217
+ if (!c)
218
+ c = { left: w / 2, top: h / 2 };
219
+
220
+ var xf = c.left / w,
221
+ yf = c.top / h,
222
+ minmax = {
223
+ x: {
224
+ min: c.left - xf * w / amount,
225
+ max: c.left + (1 - xf) * w / amount
226
+ },
227
+ y: {
228
+ min: c.top - yf * h / amount,
229
+ max: c.top + (1 - yf) * h / amount
230
+ }
231
+ };
232
+
233
+ $.each(plot.getAxes(), function(_, axis) {
234
+ var opts = axis.options,
235
+ min = minmax[axis.direction].min,
236
+ max = minmax[axis.direction].max,
237
+ zr = opts.zoomRange;
238
+
239
+ if (zr === false) // no zooming on this axis
240
+ return;
241
+
242
+ min = axis.c2p(min);
243
+ max = axis.c2p(max);
244
+ if (min > max) {
245
+ // make sure min < max
246
+ var tmp = min;
247
+ min = max;
248
+ max = tmp;
249
+ }
250
+
251
+ var range = max - min;
252
+ if (zr &&
253
+ ((zr[0] != null && range < zr[0]) ||
254
+ (zr[1] != null && range > zr[1])))
255
+ return;
256
+
257
+ opts.min = min;
258
+ opts.max = max;
259
+ });
260
+
261
+ plot.setupGrid();
262
+ plot.draw();
263
+
264
+ if (!args.preventEvent)
265
+ plot.getPlaceholder().trigger("plotzoom", [ plot ]);
266
+ }
267
+
268
+ plot.pan = function (args) {
269
+ var delta = {
270
+ x: +args.left,
271
+ y: +args.top
272
+ };
273
+
274
+ if (isNaN(delta.x))
275
+ delta.x = 0;
276
+ if (isNaN(delta.y))
277
+ delta.y = 0;
278
+
279
+ $.each(plot.getAxes(), function (_, axis) {
280
+ var opts = axis.options,
281
+ min, max, d = delta[axis.direction];
282
+
283
+ min = axis.c2p(axis.p2c(axis.min) + d),
284
+ max = axis.c2p(axis.p2c(axis.max) + d);
285
+
286
+ var pr = opts.panRange;
287
+ if (pr === false) // no panning on this axis
288
+ return;
289
+
290
+ if (pr) {
291
+ // check whether we hit the wall
292
+ if (pr[0] != null && pr[0] > min) {
293
+ d = pr[0] - min;
294
+ min += d;
295
+ max += d;
296
+ }
297
+
298
+ if (pr[1] != null && pr[1] < max) {
299
+ d = pr[1] - max;
300
+ min += d;
301
+ max += d;
302
+ }
303
+ }
304
+
305
+ opts.min = min;
306
+ opts.max = max;
307
+ });
308
+
309
+ plot.setupGrid();
310
+ plot.draw();
311
+
312
+ if (!args.preventEvent)
313
+ plot.getPlaceholder().trigger("plotpan", [ plot ]);
314
+ }
315
+
316
+ function shutdown(plot, eventHolder) {
317
+ eventHolder.unbind(plot.getOptions().zoom.trigger, onZoomClick);
318
+ eventHolder.unbind("mousewheel", onMouseWheel);
319
+ eventHolder.unbind("dragstart", onDragStart);
320
+ eventHolder.unbind("drag", onDrag);
321
+ eventHolder.unbind("dragend", onDragEnd);
322
+ if (panTimeout)
323
+ clearTimeout(panTimeout);
324
+ }
325
+
326
+ plot.hooks.bindEvents.push(bindEvents);
327
+ plot.hooks.shutdown.push(shutdown);
328
+ }
329
+
330
+ $.plot.plugins.push({
331
+ init: init,
332
+ options: options,
333
+ name: 'navigate',
334
+ version: '1.3'
335
+ });
336
+ })(jQuery);
@@ -0,0 +1 @@
1
+ (function(i){i.fn.drag=function(j,k,l){if(k){this.bind("dragstart",j)}if(l){this.bind("dragend",l)}return !j?this.trigger("drag"):this.bind("drag",k?k:j)};var d=i.event,c=d.special,h=c.drag={not:":input",distance:0,which:1,dragging:false,setup:function(j){j=i.extend({distance:h.distance,which:h.which,not:h.not},j||{});j.distance=e(j.distance);d.add(this,"mousedown",f,j);if(this.attachEvent){this.attachEvent("ondragstart",a)}},teardown:function(){d.remove(this,"mousedown",f);if(this===h.dragging){h.dragging=h.proxy=false}g(this,true);if(this.detachEvent){this.detachEvent("ondragstart",a)}}};c.dragstart=c.dragend={setup:function(){},teardown:function(){}};function f(j){var k=this,l,m=j.data||{};if(m.elem){k=j.dragTarget=m.elem;j.dragProxy=h.proxy||k;j.cursorOffsetX=m.pageX-m.left;j.cursorOffsetY=m.pageY-m.top;j.offsetX=j.pageX-j.cursorOffsetX;j.offsetY=j.pageY-j.cursorOffsetY}else{if(h.dragging||(m.which>0&&j.which!=m.which)||i(j.target).is(m.not)){return}}switch(j.type){case"mousedown":i.extend(m,i(k).offset(),{elem:k,target:j.target,pageX:j.pageX,pageY:j.pageY});d.add(document,"mousemove mouseup",f,m);g(k,false);h.dragging=null;return false;case !h.dragging&&"mousemove":if(e(j.pageX-m.pageX)+e(j.pageY-m.pageY)<m.distance){break}j.target=m.target;l=b(j,"dragstart",k);if(l!==false){h.dragging=k;h.proxy=j.dragProxy=i(l||k)[0]}case"mousemove":if(h.dragging){l=b(j,"drag",k);if(c.drop){c.drop.allowed=(l!==false);c.drop.handler(j)}if(l!==false){break}j.type="mouseup"}case"mouseup":d.remove(document,"mousemove mouseup",f);if(h.dragging){if(c.drop){c.drop.handler(j)}b(j,"dragend",k)}g(k,true);h.dragging=h.proxy=m.elem=false;break}return true}function b(m,k,j){m.type=k;var l=i.event.handle.call(j,m);return l===false?false:l||m.result}function e(j){return Math.pow(j,2)}function a(){return(h.dragging===false)}function g(j,k){if(!j){return}j.unselectable=k?"off":"on";j.onselectstart=function(){return k};if(j.style){j.style.MozUserSelect=k?"":"none"}}})(jQuery);(function(f){var e=["DOMMouseScroll","mousewheel"];f.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var a=e.length;a;){this.addEventListener(e[--a],d,false)}}else{this.onmousewheel=d}},teardown:function(){if(this.removeEventListener){for(var a=e.length;a;){this.removeEventListener(e[--a],d,false)}}else{this.onmousewheel=null}}};f.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}});function d(b){var h=[].slice.call(arguments,1),a=0,c=true;b=f.event.fix(b||window.event);b.type="mousewheel";if(b.wheelDelta){a=b.wheelDelta/120}if(b.detail){a=-b.detail/3}h.unshift(b,a);return f.event.handle.apply(this,h)}})(jQuery);(function(b){var a={xaxis:{zoomRange:null,panRange:null},zoom:{interactive:false,trigger:"dblclick",amount:1.5},pan:{interactive:false,cursor:"move",frameRate:20}};function c(o){function m(q,p){var r=o.offset();r.left=q.pageX-r.left;r.top=q.pageY-r.top;if(p){o.zoomOut({center:r})}else{o.zoom({center:r})}}function d(p,q){m(p,q<0);return false}var i="default",g=0,e=0,n=null;function f(p){if(p.which!=1){return false}var q=o.getPlaceholder().css("cursor");if(q){i=q}o.getPlaceholder().css("cursor",o.getOptions().pan.cursor);g=p.pageX;e=p.pageY}function j(q){var p=o.getOptions().pan.frameRate;if(n||!p){return}n=setTimeout(function(){o.pan({left:g-q.pageX,top:e-q.pageY});g=q.pageX;e=q.pageY;n=null},1/p*1000)}function h(p){if(n){clearTimeout(n);n=null}o.getPlaceholder().css("cursor",i);o.pan({left:g-p.pageX,top:e-p.pageY})}function l(q,p){var r=q.getOptions();if(r.zoom.interactive){p[r.zoom.trigger](m);p.mousewheel(d)}if(r.pan.interactive){p.bind("dragstart",{distance:10},f);p.bind("drag",j);p.bind("dragend",h)}}o.zoomOut=function(p){if(!p){p={}}if(!p.amount){p.amount=o.getOptions().zoom.amount}p.amount=1/p.amount;o.zoom(p)};o.zoom=function(q){if(!q){q={}}var x=q.center,r=q.amount||o.getOptions().zoom.amount,p=o.width(),t=o.height();if(!x){x={left:p/2,top:t/2}}var s=x.left/p,v=x.top/t,u={x:{min:x.left-s*p/r,max:x.left+(1-s)*p/r},y:{min:x.top-v*t/r,max:x.top+(1-v)*t/r}};b.each(o.getAxes(),function(z,C){var D=C.options,B=u[C.direction].min,w=u[C.direction].max,E=D.zoomRange;if(E===false){return}B=C.c2p(B);w=C.c2p(w);if(B>w){var A=B;B=w;w=A}var y=w-B;if(E&&((E[0]!=null&&y<E[0])||(E[1]!=null&&y>E[1]))){return}D.min=B;D.max=w});o.setupGrid();o.draw();if(!q.preventEvent){o.getPlaceholder().trigger("plotzoom",[o])}};o.pan=function(p){var q={x:+p.left,y:+p.top};if(isNaN(q.x)){q.x=0}if(isNaN(q.y)){q.y=0}b.each(o.getAxes(),function(s,u){var v=u.options,t,r,w=q[u.direction];t=u.c2p(u.p2c(u.min)+w),r=u.c2p(u.p2c(u.max)+w);var x=v.panRange;if(x===false){return}if(x){if(x[0]!=null&&x[0]>t){w=x[0]-t;t+=w;r+=w}if(x[1]!=null&&x[1]<r){w=x[1]-r;t+=w;r+=w}}v.min=t;v.max=r});o.setupGrid();o.draw();if(!p.preventEvent){o.getPlaceholder().trigger("plotpan",[o])}};function k(q,p){p.unbind(q.getOptions().zoom.trigger,m);p.unbind("mousewheel",d);p.unbind("dragstart",f);p.unbind("drag",j);p.unbind("dragend",h);if(n){clearTimeout(n)}}o.hooks.bindEvents.push(l);o.hooks.shutdown.push(k)}b.plot.plugins.push({init:c,options:a,name:"navigate",version:"1.3"})})(jQuery);
@@ -0,0 +1,750 @@
1
+ /*
2
+ Flot plugin for rendering pie charts. The plugin assumes the data is
3
+ coming is as a single data value for each series, and each of those
4
+ values is a positive value or zero (negative numbers don't make
5
+ any sense and will cause strange effects). The data values do
6
+ NOT need to be passed in as percentage values because it
7
+ internally calculates the total and percentages.
8
+
9
+ * Created by Brian Medendorp, June 2009
10
+ * Updated November 2009 with contributions from: btburnett3, Anthony Aragues and Xavi Ivars
11
+
12
+ * Changes:
13
+ 2009-10-22: lineJoin set to round
14
+ 2009-10-23: IE full circle fix, donut
15
+ 2009-11-11: Added basic hover from btburnett3 - does not work in IE, and center is off in Chrome and Opera
16
+ 2009-11-17: Added IE hover capability submitted by Anthony Aragues
17
+ 2009-11-18: Added bug fix submitted by Xavi Ivars (issues with arrays when other JS libraries are included as well)
18
+
19
+
20
+ Available options are:
21
+ series: {
22
+ pie: {
23
+ show: true/false
24
+ radius: 0-1 for percentage of fullsize, or a specified pixel length, or 'auto'
25
+ innerRadius: 0-1 for percentage of fullsize or a specified pixel length, for creating a donut effect
26
+ startAngle: 0-2 factor of PI used for starting angle (in radians) i.e 3/2 starts at the top, 0 and 2 have the same result
27
+ tilt: 0-1 for percentage to tilt the pie, where 1 is no tilt, and 0 is completely flat (nothing will show)
28
+ offset: {
29
+ top: integer value to move the pie up or down
30
+ left: integer value to move the pie left or right, or 'auto'
31
+ },
32
+ stroke: {
33
+ color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#FFF')
34
+ width: integer pixel width of the stroke
35
+ },
36
+ label: {
37
+ show: true/false, or 'auto'
38
+ formatter: a user-defined function that modifies the text/style of the label text
39
+ radius: 0-1 for percentage of fullsize, or a specified pixel length
40
+ background: {
41
+ color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#000')
42
+ opacity: 0-1
43
+ },
44
+ threshold: 0-1 for the percentage value at which to hide labels (if they're too small)
45
+ },
46
+ combine: {
47
+ threshold: 0-1 for the percentage value at which to combine slices (if they're too small)
48
+ color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#CCC'), if null, the plugin will automatically use the color of the first slice to be combined
49
+ label: any text value of what the combined slice should be labeled
50
+ }
51
+ highlight: {
52
+ opacity: 0-1
53
+ }
54
+ }
55
+ }
56
+
57
+ More detail and specific examples can be found in the included HTML file.
58
+
59
+ */
60
+
61
+ (function ($)
62
+ {
63
+ function init(plot) // this is the "body" of the plugin
64
+ {
65
+ var canvas = null;
66
+ var target = null;
67
+ var maxRadius = null;
68
+ var centerLeft = null;
69
+ var centerTop = null;
70
+ var total = 0;
71
+ var redraw = true;
72
+ var redrawAttempts = 10;
73
+ var shrink = 0.95;
74
+ var legendWidth = 0;
75
+ var processed = false;
76
+ var raw = false;
77
+
78
+ // interactive variables
79
+ var highlights = [];
80
+
81
+ // add hook to determine if pie plugin in enabled, and then perform necessary operations
82
+ plot.hooks.processOptions.push(checkPieEnabled);
83
+ plot.hooks.bindEvents.push(bindEvents);
84
+
85
+ // check to see if the pie plugin is enabled
86
+ function checkPieEnabled(plot, options)
87
+ {
88
+ if (options.series.pie.show)
89
+ {
90
+ //disable grid
91
+ options.grid.show = false;
92
+
93
+ // set labels.show
94
+ if (options.series.pie.label.show=='auto')
95
+ if (options.legend.show)
96
+ options.series.pie.label.show = false;
97
+ else
98
+ options.series.pie.label.show = true;
99
+
100
+ // set radius
101
+ if (options.series.pie.radius=='auto')
102
+ if (options.series.pie.label.show)
103
+ options.series.pie.radius = 3/4;
104
+ else
105
+ options.series.pie.radius = 1;
106
+
107
+ // ensure sane tilt
108
+ if (options.series.pie.tilt>1)
109
+ options.series.pie.tilt=1;
110
+ if (options.series.pie.tilt<0)
111
+ options.series.pie.tilt=0;
112
+
113
+ // add processData hook to do transformations on the data
114
+ plot.hooks.processDatapoints.push(processDatapoints);
115
+ plot.hooks.drawOverlay.push(drawOverlay);
116
+
117
+ // add draw hook
118
+ plot.hooks.draw.push(draw);
119
+ }
120
+ }
121
+
122
+ // bind hoverable events
123
+ function bindEvents(plot, eventHolder)
124
+ {
125
+ var options = plot.getOptions();
126
+
127
+ if (options.series.pie.show && options.grid.hoverable)
128
+ eventHolder.unbind('mousemove').mousemove(onMouseMove);
129
+
130
+ if (options.series.pie.show && options.grid.clickable)
131
+ eventHolder.unbind('click').click(onClick);
132
+ }
133
+
134
+
135
+ // debugging function that prints out an object
136
+ function alertObject(obj)
137
+ {
138
+ var msg = '';
139
+ function traverse(obj, depth)
140
+ {
141
+ if (!depth)
142
+ depth = 0;
143
+ for (var i = 0; i < obj.length; ++i)
144
+ {
145
+ for (var j=0; j<depth; j++)
146
+ msg += '\t';
147
+
148
+ if( typeof obj[i] == "object")
149
+ { // its an object
150
+ msg += ''+i+':\n';
151
+ traverse(obj[i], depth+1);
152
+ }
153
+ else
154
+ { // its a value
155
+ msg += ''+i+': '+obj[i]+'\n';
156
+ }
157
+ }
158
+ }
159
+ traverse(obj);
160
+ alert(msg);
161
+ }
162
+
163
+ function calcTotal(data)
164
+ {
165
+ for (var i = 0; i < data.length; ++i)
166
+ {
167
+ var item = parseFloat(data[i].data[0][1]);
168
+ if (item)
169
+ total += item;
170
+ }
171
+ }
172
+
173
+ function processDatapoints(plot, series, data, datapoints)
174
+ {
175
+ if (!processed)
176
+ {
177
+ processed = true;
178
+
179
+ canvas = plot.getCanvas();
180
+ target = $(canvas).parent();
181
+ options = plot.getOptions();
182
+
183
+ plot.setData(combine(plot.getData()));
184
+ }
185
+ }
186
+
187
+ function setupPie()
188
+ {
189
+ legendWidth = target.children().filter('.legend').children().width();
190
+
191
+ // calculate maximum radius and center point
192
+ maxRadius = Math.min(canvas.width,(canvas.height/options.series.pie.tilt))/2;
193
+ centerTop = (canvas.height/2)+options.series.pie.offset.top;
194
+ centerLeft = (canvas.width/2);
195
+
196
+ if (options.series.pie.offset.left=='auto')
197
+ if (options.legend.position.match('w'))
198
+ centerLeft += legendWidth/2;
199
+ else
200
+ centerLeft -= legendWidth/2;
201
+ else
202
+ centerLeft += options.series.pie.offset.left;
203
+
204
+ if (centerLeft<maxRadius)
205
+ centerLeft = maxRadius;
206
+ else if (centerLeft>canvas.width-maxRadius)
207
+ centerLeft = canvas.width-maxRadius;
208
+ }
209
+
210
+ function fixData(data)
211
+ {
212
+ for (var i = 0; i < data.length; ++i)
213
+ {
214
+ if (typeof(data[i].data)=='number')
215
+ data[i].data = [[1,data[i].data]];
216
+ else if (typeof(data[i].data)=='undefined' || typeof(data[i].data[0])=='undefined')
217
+ {
218
+ if (typeof(data[i].data)!='undefined' && typeof(data[i].data.label)!='undefined')
219
+ data[i].label = data[i].data.label; // fix weirdness coming from flot
220
+ data[i].data = [[1,0]];
221
+
222
+ }
223
+ }
224
+ return data;
225
+ }
226
+
227
+ function combine(data)
228
+ {
229
+ data = fixData(data);
230
+ calcTotal(data);
231
+ var combined = 0;
232
+ var numCombined = 0;
233
+ var color = options.series.pie.combine.color;
234
+
235
+ var newdata = [];
236
+ for (var i = 0; i < data.length; ++i)
237
+ {
238
+ // make sure its a number
239
+ data[i].data[0][1] = parseFloat(data[i].data[0][1]);
240
+ if (!data[i].data[0][1])
241
+ data[i].data[0][1] = 0;
242
+
243
+ if (data[i].data[0][1]/total<=options.series.pie.combine.threshold)
244
+ {
245
+ combined += data[i].data[0][1];
246
+ numCombined++;
247
+ if (!color)
248
+ color = data[i].color;
249
+ }
250
+ else
251
+ {
252
+ newdata.push({
253
+ data: [[1,data[i].data[0][1]]],
254
+ color: data[i].color,
255
+ label: data[i].label,
256
+ angle: (data[i].data[0][1]*(Math.PI*2))/total,
257
+ percent: (data[i].data[0][1]/total*100)
258
+ });
259
+ }
260
+ }
261
+ if (numCombined>0)
262
+ newdata.push({
263
+ data: [[1,combined]],
264
+ color: color,
265
+ label: options.series.pie.combine.label,
266
+ angle: (combined*(Math.PI*2))/total,
267
+ percent: (combined/total*100)
268
+ });
269
+ return newdata;
270
+ }
271
+
272
+ function draw(plot, newCtx)
273
+ {
274
+ if (!target) return; // if no series were passed
275
+ ctx = newCtx;
276
+
277
+ setupPie();
278
+ var slices = plot.getData();
279
+
280
+ var attempts = 0;
281
+ while (redraw && attempts<redrawAttempts)
282
+ {
283
+ redraw = false;
284
+ if (attempts>0)
285
+ maxRadius *= shrink;
286
+ attempts += 1;
287
+ clear();
288
+ if (options.series.pie.tilt<=0.8)
289
+ drawShadow();
290
+ drawPie();
291
+ }
292
+ if (attempts >= redrawAttempts) {
293
+ clear();
294
+ target.prepend('<div class="error">Could not draw pie with labels contained inside canvas</div>');
295
+ }
296
+
297
+ if ( plot.setSeries && plot.insertLegend )
298
+ {
299
+ plot.setSeries(slices);
300
+ plot.insertLegend();
301
+ }
302
+
303
+ // we're actually done at this point, just defining internal functions at this point
304
+
305
+ function clear()
306
+ {
307
+ ctx.clearRect(0,0,canvas.width,canvas.height);
308
+ target.children().filter('.pieLabel, .pieLabelBackground').remove();
309
+ }
310
+
311
+ function drawShadow()
312
+ {
313
+ var shadowLeft = 5;
314
+ var shadowTop = 15;
315
+ var edge = 10;
316
+ var alpha = 0.02;
317
+
318
+ // set radius
319
+ if (options.series.pie.radius>1)
320
+ var radius = options.series.pie.radius;
321
+ else
322
+ var radius = maxRadius * options.series.pie.radius;
323
+
324
+ if (radius>=(canvas.width/2)-shadowLeft || radius*options.series.pie.tilt>=(canvas.height/2)-shadowTop || radius<=edge)
325
+ return; // shadow would be outside canvas, so don't draw it
326
+
327
+ ctx.save();
328
+ ctx.translate(shadowLeft,shadowTop);
329
+ ctx.globalAlpha = alpha;
330
+ ctx.fillStyle = '#000';
331
+
332
+ // center and rotate to starting position
333
+ ctx.translate(centerLeft,centerTop);
334
+ ctx.scale(1, options.series.pie.tilt);
335
+
336
+ //radius -= edge;
337
+ for (var i=1; i<=edge; i++)
338
+ {
339
+ ctx.beginPath();
340
+ ctx.arc(0,0,radius,0,Math.PI*2,false);
341
+ ctx.fill();
342
+ radius -= i;
343
+ }
344
+
345
+ ctx.restore();
346
+ }
347
+
348
+ function drawPie()
349
+ {
350
+ startAngle = Math.PI*options.series.pie.startAngle;
351
+
352
+ // set radius
353
+ if (options.series.pie.radius>1)
354
+ var radius = options.series.pie.radius;
355
+ else
356
+ var radius = maxRadius * options.series.pie.radius;
357
+
358
+ // center and rotate to starting position
359
+ ctx.save();
360
+ ctx.translate(centerLeft,centerTop);
361
+ ctx.scale(1, options.series.pie.tilt);
362
+ //ctx.rotate(startAngle); // start at top; -- This doesn't work properly in Opera
363
+
364
+ // draw slices
365
+ ctx.save();
366
+ var currentAngle = startAngle;
367
+ for (var i = 0; i < slices.length; ++i)
368
+ {
369
+ slices[i].startAngle = currentAngle;
370
+ drawSlice(slices[i].angle, slices[i].color, true);
371
+ }
372
+ ctx.restore();
373
+
374
+ // draw slice outlines
375
+ ctx.save();
376
+ ctx.lineWidth = options.series.pie.stroke.width;
377
+ currentAngle = startAngle;
378
+ for (var i = 0; i < slices.length; ++i)
379
+ drawSlice(slices[i].angle, options.series.pie.stroke.color, false);
380
+ ctx.restore();
381
+
382
+ // draw donut hole
383
+ drawDonutHole(ctx);
384
+
385
+ // draw labels
386
+ if (options.series.pie.label.show)
387
+ drawLabels();
388
+
389
+ // restore to original state
390
+ ctx.restore();
391
+
392
+ function drawSlice(angle, color, fill)
393
+ {
394
+ if (angle<=0)
395
+ return;
396
+
397
+ if (fill)
398
+ ctx.fillStyle = color;
399
+ else
400
+ {
401
+ ctx.strokeStyle = color;
402
+ ctx.lineJoin = 'round';
403
+ }
404
+
405
+ ctx.beginPath();
406
+ if (Math.abs(angle - Math.PI*2) > 0.000000001)
407
+ ctx.moveTo(0,0); // Center of the pie
408
+ else if ($.browser.msie)
409
+ angle -= 0.0001;
410
+ //ctx.arc(0,0,radius,0,angle,false); // This doesn't work properly in Opera
411
+ ctx.arc(0,0,radius,currentAngle,currentAngle+angle,false);
412
+ ctx.closePath();
413
+ //ctx.rotate(angle); // This doesn't work properly in Opera
414
+ currentAngle += angle;
415
+
416
+ if (fill)
417
+ ctx.fill();
418
+ else
419
+ ctx.stroke();
420
+ }
421
+
422
+ function drawLabels()
423
+ {
424
+ var currentAngle = startAngle;
425
+
426
+ // set radius
427
+ if (options.series.pie.label.radius>1)
428
+ var radius = options.series.pie.label.radius;
429
+ else
430
+ var radius = maxRadius * options.series.pie.label.radius;
431
+
432
+ for (var i = 0; i < slices.length; ++i)
433
+ {
434
+ if (slices[i].percent >= options.series.pie.label.threshold*100)
435
+ drawLabel(slices[i], currentAngle, i);
436
+ currentAngle += slices[i].angle;
437
+ }
438
+
439
+ function drawLabel(slice, startAngle, index)
440
+ {
441
+ if (slice.data[0][1]==0)
442
+ return;
443
+
444
+ // format label text
445
+ var lf = options.legend.labelFormatter, text, plf = options.series.pie.label.formatter;
446
+ if (lf)
447
+ text = lf(slice.label, slice);
448
+ else
449
+ text = slice.label;
450
+ if (plf)
451
+ text = plf(text, slice);
452
+
453
+ var halfAngle = ((startAngle+slice.angle) + startAngle)/2;
454
+ var x = centerLeft + Math.round(Math.cos(halfAngle) * radius);
455
+ var y = centerTop + Math.round(Math.sin(halfAngle) * radius) * options.series.pie.tilt;
456
+
457
+ var html = '<span class="pieLabel" id="pieLabel'+index+'" style="position:absolute;top:' + y + 'px;left:' + x + 'px;">' + text + "</span>";
458
+ target.append(html);
459
+ var label = target.children('#pieLabel'+index);
460
+ var labelTop = (y - label.height()/2);
461
+ var labelLeft = (x - label.width()/2);
462
+ label.css('top', labelTop);
463
+ label.css('left', labelLeft);
464
+
465
+ // check to make sure that the label is not outside the canvas
466
+ if (0-labelTop>0 || 0-labelLeft>0 || canvas.height-(labelTop+label.height())<0 || canvas.width-(labelLeft+label.width())<0)
467
+ redraw = true;
468
+
469
+ if (options.series.pie.label.background.opacity != 0) {
470
+ // put in the transparent background separately to avoid blended labels and label boxes
471
+ var c = options.series.pie.label.background.color;
472
+ if (c == null) {
473
+ c = slice.color;
474
+ }
475
+ var pos = 'top:'+labelTop+'px;left:'+labelLeft+'px;';
476
+ $('<div class="pieLabelBackground" style="position:absolute;width:' + label.width() + 'px;height:' + label.height() + 'px;' + pos +'background-color:' + c + ';"> </div>').insertBefore(label).css('opacity', options.series.pie.label.background.opacity);
477
+ }
478
+ } // end individual label function
479
+ } // end drawLabels function
480
+ } // end drawPie function
481
+ } // end draw function
482
+
483
+ // Placed here because it needs to be accessed from multiple locations
484
+ function drawDonutHole(layer)
485
+ {
486
+ // draw donut hole
487
+ if(options.series.pie.innerRadius > 0)
488
+ {
489
+ // subtract the center
490
+ layer.save();
491
+ innerRadius = options.series.pie.innerRadius > 1 ? options.series.pie.innerRadius : maxRadius * options.series.pie.innerRadius;
492
+ layer.globalCompositeOperation = 'destination-out'; // this does not work with excanvas, but it will fall back to using the stroke color
493
+ layer.beginPath();
494
+ layer.fillStyle = options.series.pie.stroke.color;
495
+ layer.arc(0,0,innerRadius,0,Math.PI*2,false);
496
+ layer.fill();
497
+ layer.closePath();
498
+ layer.restore();
499
+
500
+ // add inner stroke
501
+ layer.save();
502
+ layer.beginPath();
503
+ layer.strokeStyle = options.series.pie.stroke.color;
504
+ layer.arc(0,0,innerRadius,0,Math.PI*2,false);
505
+ layer.stroke();
506
+ layer.closePath();
507
+ layer.restore();
508
+ // TODO: add extra shadow inside hole (with a mask) if the pie is tilted.
509
+ }
510
+ }
511
+
512
+ //-- Additional Interactive related functions --
513
+
514
+ function isPointInPoly(poly, pt)
515
+ {
516
+ for(var c = false, i = -1, l = poly.length, j = l - 1; ++i < l; j = i)
517
+ ((poly[i][1] <= pt[1] && pt[1] < poly[j][1]) || (poly[j][1] <= pt[1] && pt[1]< poly[i][1]))
518
+ && (pt[0] < (poly[j][0] - poly[i][0]) * (pt[1] - poly[i][1]) / (poly[j][1] - poly[i][1]) + poly[i][0])
519
+ && (c = !c);
520
+ return c;
521
+ }
522
+
523
+ function findNearbySlice(mouseX, mouseY)
524
+ {
525
+ var slices = plot.getData(),
526
+ options = plot.getOptions(),
527
+ radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
528
+
529
+ for (var i = 0; i < slices.length; ++i)
530
+ {
531
+ var s = slices[i];
532
+
533
+ if(s.pie.show)
534
+ {
535
+ ctx.save();
536
+ ctx.beginPath();
537
+ ctx.moveTo(0,0); // Center of the pie
538
+ //ctx.scale(1, options.series.pie.tilt); // this actually seems to break everything when here.
539
+ ctx.arc(0,0,radius,s.startAngle,s.startAngle+s.angle,false);
540
+ ctx.closePath();
541
+ x = mouseX-centerLeft;
542
+ y = mouseY-centerTop;
543
+ if(ctx.isPointInPath)
544
+ {
545
+ if (ctx.isPointInPath(mouseX-centerLeft, mouseY-centerTop))
546
+ {
547
+ //alert('found slice!');
548
+ ctx.restore();
549
+ return {datapoint: [s.percent, s.data], dataIndex: 0, series: s, seriesIndex: i};
550
+ }
551
+ }
552
+ else
553
+ {
554
+ // excanvas for IE doesn;t support isPointInPath, this is a workaround.
555
+ p1X = (radius * Math.cos(s.startAngle));
556
+ p1Y = (radius * Math.sin(s.startAngle));
557
+ p2X = (radius * Math.cos(s.startAngle+(s.angle/4)));
558
+ p2Y = (radius * Math.sin(s.startAngle+(s.angle/4)));
559
+ p3X = (radius * Math.cos(s.startAngle+(s.angle/2)));
560
+ p3Y = (radius * Math.sin(s.startAngle+(s.angle/2)));
561
+ p4X = (radius * Math.cos(s.startAngle+(s.angle/1.5)));
562
+ p4Y = (radius * Math.sin(s.startAngle+(s.angle/1.5)));
563
+ p5X = (radius * Math.cos(s.startAngle+s.angle));
564
+ p5Y = (radius * Math.sin(s.startAngle+s.angle));
565
+ arrPoly = [[0,0],[p1X,p1Y],[p2X,p2Y],[p3X,p3Y],[p4X,p4Y],[p5X,p5Y]];
566
+ arrPoint = [x,y];
567
+ // TODO: perhaps do some mathmatical trickery here with the Y-coordinate to compensate for pie tilt?
568
+ if(isPointInPoly(arrPoly, arrPoint))
569
+ {
570
+ ctx.restore();
571
+ return {datapoint: [s.percent, s.data], dataIndex: 0, series: s, seriesIndex: i};
572
+ }
573
+ }
574
+ ctx.restore();
575
+ }
576
+ }
577
+
578
+ return null;
579
+ }
580
+
581
+ function onMouseMove(e)
582
+ {
583
+ triggerClickHoverEvent('plothover', e);
584
+ }
585
+
586
+ function onClick(e)
587
+ {
588
+ triggerClickHoverEvent('plotclick', e);
589
+ }
590
+
591
+ // trigger click or hover event (they send the same parameters so we share their code)
592
+ function triggerClickHoverEvent(eventname, e)
593
+ {
594
+ var offset = plot.offset(),
595
+ canvasX = parseInt(e.pageX - offset.left),
596
+ canvasY = parseInt(e.pageY - offset.top),
597
+ item = findNearbySlice(canvasX, canvasY);
598
+
599
+ if (options.grid.autoHighlight)
600
+ {
601
+ // clear auto-highlights
602
+ for (var i = 0; i < highlights.length; ++i)
603
+ {
604
+ var h = highlights[i];
605
+ if (h.auto == eventname && !(item && h.series == item.series))
606
+ unhighlight(h.series);
607
+ }
608
+ }
609
+
610
+ // highlight the slice
611
+ if (item)
612
+ highlight(item.series, eventname);
613
+
614
+ // trigger any hover bind events
615
+ var pos = { pageX: e.pageX, pageY: e.pageY };
616
+ target.trigger(eventname, [ pos, item ]);
617
+ }
618
+
619
+ function highlight(s, auto)
620
+ {
621
+ if (typeof s == "number")
622
+ s = series[s];
623
+
624
+ var i = indexOfHighlight(s);
625
+ if (i == -1)
626
+ {
627
+ highlights.push({ series: s, auto: auto });
628
+ plot.triggerRedrawOverlay();
629
+ }
630
+ else if (!auto)
631
+ highlights[i].auto = false;
632
+ }
633
+
634
+ function unhighlight(s)
635
+ {
636
+ if (s == null)
637
+ {
638
+ highlights = [];
639
+ plot.triggerRedrawOverlay();
640
+ }
641
+
642
+ if (typeof s == "number")
643
+ s = series[s];
644
+
645
+ var i = indexOfHighlight(s);
646
+ if (i != -1)
647
+ {
648
+ highlights.splice(i, 1);
649
+ plot.triggerRedrawOverlay();
650
+ }
651
+ }
652
+
653
+ function indexOfHighlight(s)
654
+ {
655
+ for (var i = 0; i < highlights.length; ++i)
656
+ {
657
+ var h = highlights[i];
658
+ if (h.series == s)
659
+ return i;
660
+ }
661
+ return -1;
662
+ }
663
+
664
+ function drawOverlay(plot, octx)
665
+ {
666
+ //alert(options.series.pie.radius);
667
+ var options = plot.getOptions();
668
+ //alert(options.series.pie.radius);
669
+
670
+ var radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
671
+
672
+ octx.save();
673
+ octx.translate(centerLeft, centerTop);
674
+ octx.scale(1, options.series.pie.tilt);
675
+
676
+ for (i = 0; i < highlights.length; ++i)
677
+ drawHighlight(highlights[i].series);
678
+
679
+ drawDonutHole(octx);
680
+
681
+ octx.restore();
682
+
683
+ function drawHighlight(series)
684
+ {
685
+ if (series.angle < 0) return;
686
+
687
+ //octx.fillStyle = parseColor(options.series.pie.highlight.color).scale(null, null, null, options.series.pie.highlight.opacity).toString();
688
+ octx.fillStyle = "rgba(255, 255, 255, "+options.series.pie.highlight.opacity+")"; // this is temporary until we have access to parseColor
689
+
690
+ octx.beginPath();
691
+ if (Math.abs(series.angle - Math.PI*2) > 0.000000001)
692
+ octx.moveTo(0,0); // Center of the pie
693
+ octx.arc(0,0,radius,series.startAngle,series.startAngle+series.angle,false);
694
+ octx.closePath();
695
+ octx.fill();
696
+ }
697
+
698
+ }
699
+
700
+ } // end init (plugin body)
701
+
702
+ // define pie specific options and their default values
703
+ var options = {
704
+ series: {
705
+ pie: {
706
+ show: false,
707
+ radius: 'auto', // actual radius of the visible pie (based on full calculated radius if <=1, or hard pixel value)
708
+ innerRadius:0, /* for donut */
709
+ startAngle: 3/2,
710
+ tilt: 1,
711
+ offset: {
712
+ top: 0,
713
+ left: 'auto'
714
+ },
715
+ stroke: {
716
+ color: '#FFF',
717
+ width: 1
718
+ },
719
+ label: {
720
+ show: 'auto',
721
+ formatter: function(label, slice){
722
+ return '<div style="font-size:x-small;text-align:center;padding:2px;color:'+slice.color+';">'+label+'<br/>'+Math.round(slice.percent)+'%</div>';
723
+ }, // formatter function
724
+ radius: 1, // radius at which to place the labels (based on full calculated radius if <=1, or hard pixel value)
725
+ background: {
726
+ color: null,
727
+ opacity: 0
728
+ },
729
+ threshold: 0 // percentage at which to hide the label (i.e. the slice is too narrow)
730
+ },
731
+ combine: {
732
+ threshold: -1, // percentage at which to combine little slices into one larger slice
733
+ color: null, // color to give the new slice (auto-generated if null)
734
+ label: 'Other' // label to give the new slice
735
+ },
736
+ highlight: {
737
+ //color: '#FFF', // will add this functionality once parseColor is available
738
+ opacity: 0.5
739
+ }
740
+ }
741
+ }
742
+ };
743
+
744
+ $.plot.plugins.push({
745
+ init: init,
746
+ options: options,
747
+ name: "pie",
748
+ version: "1.0"
749
+ });
750
+ })(jQuery);