Localizations must be an object and have the following properties defined: monthNames, monthNamesShort, dayNames, dayNamesShort and Localizations are added like:
*
* jsDate.regional['en']={
* monthNames:'January February March April May June July August September October November December'.split(' '),
* monthNamesShort:'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'.split(' '),
* dayNames:'Sunday Monday Tuesday Wednesday Thursday Friday Saturday'.split(' '),
* dayNamesShort:'Sun Mon Tue Wed Thu Fri Sat'.split(' ')
* };
*
*
After adding localizations, call jsDate.regional.getLocale(); to update the locale setting with the
* new localizations.
');
td.appendTo(tr);
td.data('seriesIndex', idx);
if(this.escapeHtml){
td.text(label);
}else{
td.html(label);
}
tr=null;
td=null;
}
return this._elem;
};})(jQuery);
(function($){
$.jqplot.eventListenerHooks.push(['jqplotMouseMove', handleMove]);
/**
* Class: $.jqplot.Highlighter
* Plugin which will highlight data points when they are moused over.
*
* To use this plugin, include the js
* file in your source:
*
* >
*
* A tooltip providing information about the data point is enabled by default.
* To disable the tooltip, set "showTooltip" to false.
*
* You can control what data is displayed in the tooltip with various
* options. The "tooltipAxes" option controls whether the x, y or both
* data values are displayed.
*
* Some chart types (e.g. hi-low-close) have more than one y value per
* data point. To display the additional values in the tooltip, set the
* "yvalues" option to the desired number of y values present (3 for a hlc chart).
*
* By default, data values will be formatted with the same formatting
* specifiers as used to format the axis ticks. A custom format code
* can be supplied with the tooltipFormatString option. This will apply
* to all values in the tooltip.
*
* For more complete control, the "formatString" option can be set. This
* Allows conplete control over tooltip formatting. Values are passed to
* the format string in an order determined by the "tooltipAxes" and "yvalues"
* options. So, if you have a hi-low-close chart and you just want to display
* the hi-low-close values in the tooltip, you could set a formatString like:
*
* > highlighter: {
* > tooltipAxes: 'y',
* > yvalues: 3,
* > formatString:'
* >
hi:
%s
* >
low:
%s
* >
close:
%s
'
* > }
*
*/
$.jqplot.Highlighter=function(options){
this.show=$.jqplot.config.enablePlugins;
this.markerRenderer=new $.jqplot.MarkerRenderer({shadow:false});
this.showMarker=true;
this.lineWidthAdjust=2.5;
this.sizeAdjust=5;
this.showTooltip=true;
this.tooltipLocation='nw';
this.fadeTooltip=true;
this.tooltipFadeSpeed="fast";
this.tooltipOffset=2;
this.tooltipAxes='both';
this.tooltipSeparator=', ';
this.tooltipContentEditor=null;
this.useAxesFormatters=true;
this.tooltipFormatString='%.5P';
this.formatString=null;
this.yvalues=1;
this.bringSeriesToFront=false;
this._tooltipElem;
this.isHighlighting=false;
this.currentNeighbor=null;
$.extend(true, this, options);
};
var locations=['nw', 'n', 'ne', 'e', 'se', 's', 'sw', 'w'];
var locationIndicies={'nw':0, 'n':1, 'ne':2, 'e':3, 'se':4, 's':5, 'sw':6, 'w':7};
var oppositeLocations=['se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'];
var mirrorLocations=['ne', 'n', 'nw', 'w', 'sw', 's', 'se', 'e'];
$.jqplot.Highlighter.init=function (target, data, opts){
var options=opts||{};
this.plugins.highlighter=new $.jqplot.Highlighter(options.highlighter);
};
$.jqplot.Highlighter.parseOptions=function (defaults, options){
this.showHighlight=true;
};
$.jqplot.Highlighter.postPlotDraw=function(){
if(this.plugins.highlighter&&this.plugins.highlighter.highlightCanvas){
this.plugins.highlighter.highlightCanvas.resetCanvas();
this.plugins.highlighter.highlightCanvas=null;
}
if(this.plugins.highlighter&&this.plugins.highlighter._tooltipElem){
this.plugins.highlighter._tooltipElem.emptyForce();
this.plugins.highlighter._tooltipElem=null;
}
this.plugins.highlighter.highlightCanvas=new $.jqplot.GenericCanvas();
this.eventCanvas._elem.before(this.plugins.highlighter.highlightCanvas.createElement(this._gridPadding, 'jqplot-highlight-canvas', this._plotDimensions, this));
this.plugins.highlighter.highlightCanvas.setContext();
var elem=document.createElement('div');
this.plugins.highlighter._tooltipElem=$(elem);
elem=null;
this.plugins.highlighter._tooltipElem.addClass('jqplot-highlighter-tooltip');
this.plugins.highlighter._tooltipElem.css({position:'absolute', display:'none'});
this.eventCanvas._elem.before(this.plugins.highlighter._tooltipElem);
};
$.jqplot.preInitHooks.push($.jqplot.Highlighter.init);
$.jqplot.preParseSeriesOptionsHooks.push($.jqplot.Highlighter.parseOptions);
$.jqplot.postDrawHooks.push($.jqplot.Highlighter.postPlotDraw);
function draw(plot, neighbor){
var hl=plot.plugins.highlighter;
var s=plot.series[neighbor.seriesIndex];
var smr=s.markerRenderer;
var mr=hl.markerRenderer;
mr.style=smr.style;
mr.lineWidth=smr.lineWidth + hl.lineWidthAdjust;
mr.size=smr.size + hl.sizeAdjust;
var rgba=$.jqplot.getColorComponents(smr.color);
var newrgb=[rgba[0], rgba[1], rgba[2]];
var alpha=(rgba[3] >=0.6) ? rgba[3]*0.6:rgba[3]*(2-rgba[3]);
mr.color='rgba('+newrgb[0]+','+newrgb[1]+','+newrgb[2]+','+alpha+')';
mr.init();
mr.draw(s.gridData[neighbor.pointIndex][0], s.gridData[neighbor.pointIndex][1], hl.highlightCanvas._ctx);
}
function showTooltip(plot, series, neighbor){
var hl=plot.plugins.highlighter;
var elem=hl._tooltipElem;
var serieshl=series.highlighter||{};
var opts=$.extend(true, {}, hl, serieshl);
if(opts.useAxesFormatters){
var xf=series._xaxis._ticks[0].formatter;
var yf=series._yaxis._ticks[0].formatter;
var xfstr=series._xaxis._ticks[0].formatString;
var yfstr=series._yaxis._ticks[0].formatString;
var str;
var xstr=xf(xfstr, neighbor.data[0]);
var ystrs=[];
for (var i=1; i (plot._width/2)&&locCode.indexOf("e")!==-1){
loc=mirrorLocations;
}else if(series.fillToZero&&series.fill&&neighbor.data[1] < 0){
loc=oppositeLocations;
}
switch (loc[locationIndicies[opts.tooltipLocation]]){
case 'nw':
var x=gridpos.x + plot._gridPadding.left - elem.outerWidth(true) - opts.tooltipOffset - fact * ms;
var y=gridpos.y + plot._gridPadding.top - opts.tooltipOffset - elem.outerHeight(true) - fact * ms;
break;
case 'n':
var x=gridpos.x + plot._gridPadding.left - elem.outerWidth(true)/2;
var y=gridpos.y + plot._gridPadding.top - opts.tooltipOffset - elem.outerHeight(true) - ms;
break;
case 'ne':
var x=gridpos.x + plot._gridPadding.left + opts.tooltipOffset + fact * ms;
var y=gridpos.y + plot._gridPadding.top - opts.tooltipOffset - elem.outerHeight(true) - fact * ms;
break;
case 'e':
var x=gridpos.x + plot._gridPadding.left + opts.tooltipOffset + ms;
var y=gridpos.y + plot._gridPadding.top - elem.outerHeight(true)/2;
break;
case 'se':
var x=gridpos.x + plot._gridPadding.left + opts.tooltipOffset + fact * ms;
var y=gridpos.y + plot._gridPadding.top + opts.tooltipOffset + fact * ms;
break;
case 's':
var x=gridpos.x + plot._gridPadding.left - elem.outerWidth(true)/2;
var y=gridpos.y + plot._gridPadding.top + opts.tooltipOffset + ms;
break;
case 'sw':
var x=gridpos.x + plot._gridPadding.left - elem.outerWidth(true) - opts.tooltipOffset - fact * ms;
var y=gridpos.y + plot._gridPadding.top + opts.tooltipOffset + fact * ms;
break;
case 'w':
var x=gridpos.x + plot._gridPadding.left - elem.outerWidth(true) - opts.tooltipOffset - ms;
var y=gridpos.y + plot._gridPadding.top - elem.outerHeight(true)/2;
break;
default:
var x=gridpos.x + plot._gridPadding.left - elem.outerWidth(true) - opts.tooltipOffset - fact * ms;
var y=gridpos.y + plot._gridPadding.top - opts.tooltipOffset - elem.outerHeight(true) - fact * ms;
break;
}
elem.css('left', x);
elem.css('top', y);
if(opts.fadeTooltip){
elem.stop(true,true).fadeIn(opts.tooltipFadeSpeed);
}else{
elem.show();
}
elem=null;
}
function handleMove(ev, gridpos, datapos, neighbor, plot){
var hl=plot.plugins.highlighter;
var c=plot.plugins.cursor;
if(hl.show){
if(neighbor==null&&hl.isHighlighting){
var evt=jQuery.Event('jqplotHighlighterUnhighlight');
plot.target.trigger(evt);
var ctx=hl.highlightCanvas._ctx;
ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
if(hl.fadeTooltip){
hl._tooltipElem.fadeOut(hl.tooltipFadeSpeed);
}else{
hl._tooltipElem.hide();
}
if(hl.bringSeriesToFront){
plot.restorePreviousSeriesOrder();
}
hl.isHighlighting=false;
hl.currentNeighbor=null;
ctx=null;
}
else if(neighbor!=null&&plot.series[neighbor.seriesIndex].showHighlight&&!hl.isHighlighting){
var evt=jQuery.Event('jqplotHighlighterHighlight');
evt.which=ev.which;
evt.pageX=ev.pageX;
evt.pageY=ev.pageY;
var ins=[neighbor.seriesIndex, neighbor.pointIndex, neighbor.data, plot];
plot.target.trigger(evt, ins);
hl.isHighlighting=true;
hl.currentNeighbor=neighbor;
if(hl.showMarker){
draw(plot, neighbor);
}
if(plot.series[neighbor.seriesIndex].show&&hl.showTooltip&&(!c||!c._zoom.started)){
showTooltip(plot, plot.series[neighbor.seriesIndex], neighbor);
}
if(hl.bringSeriesToFront){
plot.moveSeriesToFront(neighbor.seriesIndex);
}}
else if(neighbor!=null&&hl.isHighlighting&&hl.currentNeighbor!=neighbor){
if(plot.series[neighbor.seriesIndex].showHighlight){
var ctx=hl.highlightCanvas._ctx;
ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
hl.isHighlighting=true;
hl.currentNeighbor=neighbor;
if(hl.showMarker){
draw(plot, neighbor);
}
if(plot.series[neighbor.seriesIndex].show&&hl.showTooltip&&(!c||!c._zoom.started)){
showTooltip(plot, plot.series[neighbor.seriesIndex], neighbor);
}
if(hl.bringSeriesToFront){
plot.moveSeriesToFront(neighbor.seriesIndex);
}}
}}
}})(jQuery);
(function($){
$.jqplot.CanvasAxisTickRenderer=function(options){
this.mark='outside';
this.showMark=true;
this.showGridline=true;
this.isMinorTick=false;
this.angle=0;
this.markSize=4;
this.show=true;
this.showLabel=true;
this.labelPosition='auto';
this.label='';
this.value=null;
this._styles={};
this.formatter=$.jqplot.DefaultTickFormatter;
this.formatString='';
this.prefix='';
this.fontFamily='"Trebuchet MS", Arial, Helvetica, sans-serif';
this.fontSize='10pt';
this.fontWeight='normal';
this.fontStretch=1.0;
this.textColor='#666666';
this.enableFontSupport=true;
this.pt2px=null;
this._elem;
this._ctx;
this._plotWidth;
this._plotHeight;
this._plotDimensions={height:null, width:null};
$.extend(true, this, options);
var ropts={fontSize:this.fontSize, fontWeight:this.fontWeight, fontStretch:this.fontStretch, fillStyle:this.textColor, angle:this.getAngleRad(), fontFamily:this.fontFamily};
if(this.pt2px){
ropts.pt2px=this.pt2px;
}
if(this.enableFontSupport){
if($.jqplot.support_canvas_text()){
this._textRenderer=new $.jqplot.CanvasFontRenderer(ropts);
}else{
this._textRenderer=new $.jqplot.CanvasTextRenderer(ropts);
}}else{
this._textRenderer=new $.jqplot.CanvasTextRenderer(ropts);
}};
$.jqplot.CanvasAxisTickRenderer.prototype.init=function(options){
$.extend(true, this, options);
this._textRenderer.init({fontSize:this.fontSize, fontWeight:this.fontWeight, fontStretch:this.fontStretch, fillStyle:this.textColor, angle:this.getAngleRad(), fontFamily:this.fontFamily});
};
$.jqplot.CanvasAxisTickRenderer.prototype.getWidth=function(ctx){
if(this._elem){
return this._elem.outerWidth(true);
}else{
var tr=this._textRenderer;
var l=tr.getWidth(ctx);
var h=tr.getHeight(ctx);
var w=Math.abs(Math.sin(tr.angle)*h) + Math.abs(Math.cos(tr.angle)*l);
return w;
}};
$.jqplot.CanvasAxisTickRenderer.prototype.getHeight=function(ctx){
if(this._elem){
return this._elem.outerHeight(true);
}else{
var tr=this._textRenderer;
var l=tr.getWidth(ctx);
var h=tr.getHeight(ctx);
var w=Math.abs(Math.cos(tr.angle)*h) + Math.abs(Math.sin(tr.angle)*l);
return w;
}};
$.jqplot.CanvasAxisTickRenderer.prototype.getTop=function(ctx){
if(this._elem){
return this._elem.position().top;
}else{
return null;
}};
$.jqplot.CanvasAxisTickRenderer.prototype.getAngleRad=function(){
var a=this.angle * Math.PI/180;
return a;
};
$.jqplot.CanvasAxisTickRenderer.prototype.setTick=function(value, axisName, isMinor){
this.value=value;
if(isMinor){
this.isMinorTick=true;
}
return this;
};
$.jqplot.CanvasAxisTickRenderer.prototype.draw=function(ctx, plot){
if(!this.label){
this.label=this.prefix + this.formatter(this.formatString, this.value);
}
if(this._elem){
if($.jqplot.use_excanvas&&window.G_vmlCanvasManager.uninitElement!==undefined){
window.G_vmlCanvasManager.uninitElement(this._elem.get(0));
}
this._elem.emptyForce();
this._elem=null;
}
var elem=plot.canvasManager.getCanvas();
this._textRenderer.setText(this.label, ctx);
var w=this.getWidth(ctx);
var h=this.getHeight(ctx);
elem.width=w;
elem.height=h;
elem.style.width=w;
elem.style.height=h;
elem.style.textAlign='left';
elem.style.position='absolute';
elem=plot.canvasManager.initCanvas(elem);
this._elem=$(elem);
this._elem.css(this._styles);
this._elem.addClass('jqplot-'+this.axis+'-tick');
elem=null;
return this._elem;
};
$.jqplot.CanvasAxisTickRenderer.prototype.pack=function(){
this._textRenderer.draw(this._elem.get(0).getContext("2d"), this.label);
};})(jQuery);
(function($){
/**
* Class: $.jqplot.DateAxisRenderer
* A plugin for a jqPlot to render an axis as a series of date values.
* This renderer has no options beyond those supplied by the class.
* It supplies its own tick formatter, so the tickOptions.formatter option
* should not be overridden.
*
* Thanks to Ken Synder for his enhanced Date instance methods which are
* included with this code .
*
* To use this renderer, include the plugin in your source
* >
*
* and supply the appropriate options to your plot
*
* > {axes:{xaxis:{renderer:$.jqplot.DateAxisRenderer}}}
*
* Dates can be passed into the axis in almost any recognizable value and
* will be parsed. They will be rendered on the axis in the format
* specified by tickOptions.formatString. e.g. tickOptions.formatString='%Y-%m-%d'.
*
* Accecptable format codes
* are:
*
* > Code Result Description
* >==Years==* > %Y 2008 Four-digit year
* > %y 08 Two-digit year
* >==Months==* > %m 09 Two-digit month
* > %#m 9 One or two-digit month
* > %B September Full month name
* > %b Sep Abbreviated month name
* >==Days==* > %d 05 Two-digit day of month
* > %#d 5 One or two-digit day of month
* > %e 5 One or two-digit day of month
* > %A Sunday Full name of the day of the week
* > %a Sun Abbreviated name of the day of the week
* > %w 0 Number of the day of the week (0=Sunday, 6=Saturday)
* > %o th The ordinal suffix string following the day of the month
* >==Hours==* > %H 23 Hours in 24-hour format (two digits)
* > %#H 3 Hours in 24-hour integer format (one or two digits)
* > %I 11 Hours in 12-hour format (two digits)
* > %#I 3 Hours in 12-hour integer format (one or two digits)
* > %p PM AM or PM
* >==Minutes==* > %M 09 Minutes (two digits)
* > %#M 9 Minutes (one or two digits)
* >==Seconds==* > %S 02 Seconds (two digits)
* > %#S 2 Seconds (one or two digits)
* > %s 1206567625723 Unix timestamp (Seconds past 1970-01-01 00:00:00)
* >==Milliseconds==* > %N 008 Milliseconds (three digits)
* > %#N 8 Milliseconds (one to three digits)
* >==Timezone==* > %O 360 difference in minutes between local time and GMT
* > %Z Mountain Standard Time Name of timezone as reported by browser
* > %G -06:00 Hours and minutes between GMT
* >==Shortcuts==* > %F 2008-03-26 %Y-%m-%d
* > %T 05:06:30 %H:%M:%S
* > %X 05:06:30 %H:%M:%S
* > %x 03/26/08 %m/%d/%y
* > %D 03/26/08 %m/%d/%y
* > %#c Wed Mar 26 15:31:00 2008 %a %b %e %H:%M:%S %Y
* > %v 3-Sep-2008 %e-%b-%Y
* > %R 15:31 %H:%M
* > %r 3:31:00 PM %I:%M:%S %p
* >==Characters==* > %n \n Newline
* > %t \t Tab
* > %% % Percent Symbol
*/
$.jqplot.DateAxisRenderer=function(){
$.jqplot.LinearAxisRenderer.call(this);
this.date=new $.jsDate();
};
var second=1000;
var minute=60 * second;
var hour=60 * minute;
var day=24 * hour;
var week=7 * day;
var month=30.4368499 * day;
var year=365.242199 * day;
var daysInMonths=[31,28,31,30,31,30,31,30,31,30,31,30];
var niceFormatStrings=['%M:%S.%#N', '%M:%S.%#N', '%M:%S.%#N', '%M:%S', '%M:%S', '%M:%S', '%M:%S', '%H:%M:%S', '%H:%M:%S', '%H:%M', '%H:%M', '%H:%M', '%H:%M', '%H:%M', '%H:%M', '%a %H:%M', '%a %H:%M', '%b %e %H:%M', '%b %e %H:%M', '%b %e %H:%M', '%b %e %H:%M', '%v', '%v', '%v', '%v', '%v', '%v', '%v'];
var niceIntervals=[0.1*second, 0.2*second, 0.5*second, second, 2*second, 5*second, 10*second, 15*second, 30*second, minute, 2*minute, 5*minute, 10*minute, 15*minute, 30*minute, hour, 2*hour, 4*hour, 6*hour, 8*hour, 12*hour, day, 2*day, 3*day, 4*day, 5*day, week, 2*week];
var niceMonthlyIntervals=[];
function bestDateInterval(min, max, titarget){
var badness=Number.MAX_VALUE;
var temp, bestTi, bestfmt;
for (var i=0, l=niceIntervals.length; i < l; i++){
temp=Math.abs(titarget - niceIntervals[i]);
if(temp < badness){
badness=temp;
bestTi=niceIntervals[i];
bestfmt=niceFormatStrings[i];
}}
return [bestTi, bestfmt];
}
$.jqplot.DateAxisRenderer.prototype=new $.jqplot.LinearAxisRenderer();
$.jqplot.DateAxisRenderer.prototype.constructor=$.jqplot.DateAxisRenderer;
$.jqplot.DateTickFormatter=function(format, val){
if(!format){
format='%Y/%m/%d';
}
return $.jsDate.strftime(val, format);
};
$.jqplot.DateAxisRenderer.prototype.init=function(options){
this.tickOptions.formatter=$.jqplot.DateTickFormatter;
this.tickInset=0;
this.drawBaseline=true;
this.baselineWidth=null;
this.baselineColor=null;
this.daTickInterval=null;
this._daTickInterval=null;
$.extend(true, this, options);
var db=this._dataBounds,
stats,
sum,
s,
d,
pd,
sd,
intv;
for (var i=0; i db.max)||db.max==null){
db.max=d[j][0];
}
if(j>0){
intv=Math.abs(d[j][0] - d[j-1][0]);
stats.intervals.push(intv);
if(stats.frequencies.hasOwnProperty(intv)){
stats.frequencies[intv] +=1;
}else{
stats.frequencies[intv]=1;
}}
sum +=intv;
}else{
d[j][1]=new $.jsDate(d[j][1]).getTime();
pd[j][1]=new $.jsDate(d[j][1]).getTime();
sd[j][1]=new $.jsDate(d[j][1]).getTime();
if((d[j][1]!=null&&d[j][1] < db.min)||db.min==null){
db.min=d[j][1];
}
if((d[j][1]!=null&&d[j][1] > db.max)||db.max==null){
db.max=d[j][1];
}
if(j>0){
intv=Math.abs(d[j][1] - d[j-1][1]);
stats.intervals.push(intv);
if(stats.frequencies.hasOwnProperty(intv)){
stats.frequencies[intv] +=1;
}else{
stats.frequencies[intv]=1;
}}
}
sum +=intv;
}
if(s.renderer.bands){
if(s.renderer.bands.hiData.length){
var bd=s.renderer.bands.hiData;
for (var j=0, l=bd.length; j < l; j++){
if(this.name==='xaxis'||this.name==='x2axis'){
bd[j][0]=new $.jsDate(bd[j][0]).getTime();
if((bd[j][0]!=null&&bd[j][0] > db.max)||db.max==null){
db.max=bd[j][0];
}}else{
bd[j][1]=new $.jsDate(bd[j][1]).getTime();
if((bd[j][1]!=null&&bd[j][1] > db.max)||db.max==null){
db.max=bd[j][1];
}}
}}
if(s.renderer.bands.lowData.length){
var bd=s.renderer.bands.lowData;
for (var j=0, l=bd.length; j < l; j++){
if(this.name==='xaxis'||this.name==='x2axis'){
bd[j][0]=new $.jsDate(bd[j][0]).getTime();
if((bd[j][0]!=null&&bd[j][0] < db.min)||db.min==null){
db.min=bd[j][0];
}}else{
bd[j][1]=new $.jsDate(bd[j][1]).getTime();
if((bd[j][1]!=null&&bd[j][1] < db.min)||db.min==null){
db.min=bd[j][1];
}}
}}
}
var tempf=0,
tempn=0;
for (var n in stats.frequencies){
stats.sortedIntervals.push({interval:n, frequency:stats.frequencies[n]});
}
stats.sortedIntervals.sort(function(a, b){
return b.frequency - a.frequency;
});
stats.min=$.jqplot.arrayMin(stats.intervals);
stats.max=$.jqplot.arrayMax(stats.intervals);
stats.mean=sum/d.length;
this._intervalStats.push(stats);
stats=sum=s = d=pd=sd=null;
}
db=null;
};
$.jqplot.DateAxisRenderer.prototype.reset=function(){
this.min=this._options.min;
this.max=this._options.max;
this.tickInterval=this._options.tickInterval;
this.numberTicks=this._options.numberTicks;
this._autoFormatString='';
if(this._overrideFormatString&&this.tickOptions&&this.tickOptions.formatString){
this.tickOptions.formatString='';
}
this.daTickInterval=this._daTickInterval;
};
$.jqplot.DateAxisRenderer.prototype.createTicks=function(plot){
var ticks=this._ticks;
var userTicks=this.ticks;
var name=this.name;
var db=this._dataBounds;
var iv=this._intervalStats;
var dim=(this.name.charAt(0)==='x') ? this._plotDimensions.width:this._plotDimensions.height;
var interval;
var min, max;
var pos1, pos2;
var tt, i;
var threshold=30;
var insetMult=1;
var daTickInterval=null;
if(this.tickInterval!=null){
if(Number(this.tickInterval)){
daTickInterval=[Number(this.tickInterval), 'seconds'];
}
else if(typeof this.tickInterval=="string"){
var parts=this.tickInterval.split(' ');
if(parts.length==1){
daTickInterval=[1, parts[0]];
}
else if(parts.length==2){
daTickInterval=[parts[0], parts[1]];
}}
}
var tickInterval=this.tickInterval;
min=new $.jsDate((this.min!=null) ? this.min:db.min).getTime();
max=new $.jsDate((this.max!=null) ? this.max:db.max).getTime();
var cursor=plot.plugins.cursor;
if(cursor&&cursor._zoom&&cursor._zoom.zooming){
this.min=null;
this.max=null;
}
var range=max - min;
if(this.tickOptions==null||!this.tickOptions.formatString){
this._overrideFormatString=true;
}
if(userTicks.length){
for (i=0; i 6){
intv=6;
}
var mstart=new $.jsDate(min).setDate(1).setHours(0,0,0,0);
var tempmend=new $.jsDate(max);
var mend=new $.jsDate(max).setDate(1).setHours(0,0,0,0);
if(tempmend.getTime()!==mend.getTime()){
mend=mend.add(1, 'month');
}
var nmonths=mend.diff(mstart, 'month');
nttarget=Math.ceil(nmonths/intv) + 1;
this.min=mstart.getTime();
this.max=mstart.clone().add((nttarget - 1) * intv, 'month').getTime();
this.numberTicks=nttarget;
for (var i=0; i 200){
this.numberTicks=parseInt(3+(dim-200)/100, 10);
}else{
this.numberTicks=2;
}}
insetMult=range / (this.numberTicks-1)/1000;
if(this.daTickInterval==null){
this.daTickInterval=[insetMult, 'seconds'];
}
for (var i=0; i
*
* and supply the appropriate options to your plot
*
* > {axes:{xaxis:{renderer:$.jqplot.CategoryAxisRenderer}}}
**/
$.jqplot.CategoryAxisRenderer=function(options){
$.jqplot.LinearAxisRenderer.call(this);
this.sortMergedLabels=false;
};
$.jqplot.CategoryAxisRenderer.prototype=new $.jqplot.LinearAxisRenderer();
$.jqplot.CategoryAxisRenderer.prototype.constructor=$.jqplot.CategoryAxisRenderer;
$.jqplot.CategoryAxisRenderer.prototype.init=function(options){
this.groups=1;
this.groupLabels=[];
this._groupLabels=[];
this._grouped=false;
this._barsPerGroup=null;
this.reverse=false;
$.extend(true, this, {tickOptions:{formatString:'%d'}}, options);
var db=this._dataBounds;
for (var i=0; i db.max||db.max==null){
db.max=d[j][0];
}}else{
if(d[j][1] < db.min||db.min==null){
db.min=d[j][1];
}
if(d[j][1] > db.max||db.max==null){
db.max=d[j][1];
}}
}}
if(this.groupLabels.length){
this.groups=this.groupLabels.length;
}};
$.jqplot.CategoryAxisRenderer.prototype.createTicks=function(){
var ticks=this._ticks;
var userTicks=this.ticks;
var name=this.name;
var db=this._dataBounds;
var dim, interval;
var min, max;
var pos1, pos2;
var tt, i;
if(userTicks.length){
if(this.groups > 1&&!this._grouped){
var l=userTicks.length;
var skip=parseInt(l/this.groups, 10);
var count=0;
for (var i=skip; i 1&&!this._grouped){
var l=labels.length;
var skip=parseInt(l/this.groups, 10);
var count=0;
for (var i=skip; i0&&track');
if(this.name=='xaxis'||this.name=='x2axis'){
this._elem.width(this._plotDimensions.width);
}else{
this._elem.height(this._plotDimensions.height);
}
this.labelOptions.axis=this.name;
this._label=new this.labelRenderer(this.labelOptions);
if(this._label.show){
var elem=this._label.draw(ctx, plot);
elem.appendTo(this._elem);
}
var t=this._ticks;
for (var i=0; i');
elem.html(this.groupLabels[i]);
this._groupLabels.push(elem);
elem.appendTo(this._elem);
}}
return this._elem;
};
$.jqplot.CategoryAxisRenderer.prototype.set=function(){
var dim=0;
var temp;
var w=0;
var h=0;
var lshow=(this._label==null) ? false:this._label.show;
if(this.show){
var t=this._ticks;
for (var i=0; i dim){
dim=temp;
}}
}
var dim2=0;
for (var i=0; i dim2){
dim2=temp;
}}
if(lshow){
w=this._label._elem.outerWidth(true);
h=this._label._elem.outerHeight(true);
}
if(this.name=='xaxis'){
dim +=dim2 + h;
this._elem.css({'height':dim+'px', left:'0px', bottom:'0px'});
}
else if(this.name=='x2axis'){
dim +=dim2 + h;
this._elem.css({'height':dim+'px', left:'0px', top:'0px'});
}
else if(this.name=='yaxis'){
dim +=dim2 + w;
this._elem.css({'width':dim+'px', left:'0px', top:'0px'});
if(lshow&&this._label.constructor==$.jqplot.AxisLabelRenderer){
this._label._elem.css('width', w+'px');
}}else{
dim +=dim2 + w;
this._elem.css({'width':dim+'px', right:'0px', top:'0px'});
if(lshow&&this._label.constructor==$.jqplot.AxisLabelRenderer){
this._label._elem.css('width', w+'px');
}}
}};
$.jqplot.CategoryAxisRenderer.prototype.pack=function(pos, offsets){
var ticks=this._ticks;
var max=this.max;
var min=this.min;
var offmax=offsets.max;
var offmin=offsets.min;
var lshow=(this._label==null) ? false:this._label.show;
var i;
for (var p in pos){
this._elem.css(p, pos[p]);
}
this._offsets=offsets;
var pixellength=offmax - offmin;
var unitlength=max - min;
if(!this.reverse){
this.u2p=function(u){
return (u - min) * pixellength / unitlength + offmin;
};
this.p2u=function(p){
return (p - offmin) * unitlength / pixellength + min;
};
if(this.name=='xaxis'||this.name=='x2axis'){
this.series_u2p=function(u){
return (u - min) * pixellength / unitlength;
};
this.series_p2u=function(p){
return p * unitlength / pixellength + min;
};}else{
this.series_u2p=function(u){
return (u - max) * pixellength / unitlength;
};
this.series_p2u=function(p){
return p * unitlength / pixellength + max;
};}}else{
this.u2p=function(u){
return offmin + (max - u) * pixellength / unitlength;
};
this.p2u=function(p){
return min + (p - offmin) * unitlength / pixellength;
};
if(this.name=='xaxis'||this.name=='x2axis'){
this.series_u2p=function(u){
return (max - u) * pixellength / unitlength;
};
this.series_p2u=function(p){
return p * unitlength / pixellength + max;
};}else{
this.series_u2p=function(u){
return (min - u) * pixellength / unitlength;
};
this.series_p2u=function(p){
return p * unitlength / pixellength + min;
};}}
if(this.show){
if(this.name=='xaxis'||this.name=='x2axis'){
for (i=0; i=this._ticks.length-1) continue;
if(this._ticks[j]._elem&&this._ticks[j].label!=" "){
var t=this._ticks[j]._elem;
var p=t.position();
mid +=p.left + t.outerWidth(true)/2;
count++;
}}
mid=mid/count;
this._groupLabels[i].css({'left':(mid - this._groupLabels[i].outerWidth(true)/2)});
this._groupLabels[i].css(labeledge[0], labeledge[1]);
}}else{
for (i=0; i 0){
shim=-t._textRenderer.height * Math.cos(-t._textRenderer.angle) / 2;
}else{
shim=-t.getHeight() + t._textRenderer.height * Math.cos(t._textRenderer.angle) / 2;
}
break;
case 'middle':
shim=-t.getHeight()/2;
break;
default:
shim=-t.getHeight()/2;
break;
}}else{
shim=-t.getHeight()/2;
}
var val=this.u2p(t.value) + shim + 'px';
t._elem.css('top', val);
t.pack();
}}
var labeledge=['left', 0];
if(lshow){
var h=this._label._elem.outerHeight(true);
this._label._elem.css('top', offmax - pixellength/2 - h/2 + 'px');
if(this.name=='yaxis'){
this._label._elem.css('left', '0px');
labeledge=['left', this._label._elem.outerWidth(true)];
}else{
this._label._elem.css('right', '0px');
labeledge=['right', this._label._elem.outerWidth(true)];
}
this._label.pack();
}
var step=parseInt(this._ticks.length/this.groups, 10) + 1;
for (i=0; i=this._ticks.length-1) continue;
if(this._ticks[j]._elem&&this._ticks[j].label!=" "){
var t=this._ticks[j]._elem;
var p=t.position();
mid +=p.top + t.outerHeight()/2;
count++;
}}
mid=mid/count;
this._groupLabels[i].css({'top':mid - this._groupLabels[i].outerHeight()/2});
this._groupLabels[i].css(labeledge[0], labeledge[1]);
}}
}};})(jQuery);
(function($){
$.jqplot.CanvasTextRenderer=function(options){
this.fontStyle='normal';
this.fontVariant='normal';
this.fontWeight='normal';
this.fontSize='10px';
this.fontFamily='sans-serif';
this.fontStretch=1.0;
this.fillStyle='#666666';
this.angle=0;
this.textAlign='start';
this.textBaseline='alphabetic';
this.text;
this.width;
this.height;
this.pt2px=1.28;
$.extend(true, this, options);
this.normalizedFontSize=this.normalizeFontSize(this.fontSize);
this.setHeight();
};
$.jqplot.CanvasTextRenderer.prototype.init=function(options){
$.extend(true, this, options);
this.normalizedFontSize=this.normalizeFontSize(this.fontSize);
this.setHeight();
};
$.jqplot.CanvasTextRenderer.prototype.normalizeFontSize=function(sz){
sz=String(sz);
var n=parseFloat(sz);
if(sz.indexOf('px') > -1){
return n/this.pt2px;
}
else if(sz.indexOf('pt') > -1){
return n;
}
else if(sz.indexOf('em') > -1){
return n*12;
}
else if(sz.indexOf('%') > -1){
return n*12/100;
}else{
return n/this.pt2px;
}};
$.jqplot.CanvasTextRenderer.prototype.fontWeight2Float=function(w){
if(Number(w)){
return w/400;
}else{
switch (w){
case 'normal':
return 1;
break;
case 'bold':
return 1.75;
break;
case 'bolder':
return 2.25;
break;
case 'lighter':
return 0.75;
break;
default:
return 1;
break;
}}
};
$.jqplot.CanvasTextRenderer.prototype.getText=function(){
return this.text;
};
$.jqplot.CanvasTextRenderer.prototype.setText=function(t, ctx){
this.text=t;
this.setWidth(ctx);
return this;
};
$.jqplot.CanvasTextRenderer.prototype.getWidth=function(ctx){
return this.width;
};
$.jqplot.CanvasTextRenderer.prototype.setWidth=function(ctx, w){
if(!w){
this.width=this.measure(ctx, this.text);
}else{
this.width=w;
}
return this;
};
$.jqplot.CanvasTextRenderer.prototype.getHeight=function(ctx){
return this.height;
};
$.jqplot.CanvasTextRenderer.prototype.setHeight=function(w){
if(!w){
this.height=this.normalizedFontSize * this.pt2px;
}else{
this.height=w;
}
return this;
};
$.jqplot.CanvasTextRenderer.prototype.letter=function (ch){
return this.letters[ch];
};
$.jqplot.CanvasTextRenderer.prototype.ascent=function(){
return this.normalizedFontSize;
};
$.jqplot.CanvasTextRenderer.prototype.descent=function(){
return 7.0*this.normalizedFontSize/25.0;
};
$.jqplot.CanvasTextRenderer.prototype.measure=function(ctx, str){
var total=0;
var len=str.length;
for (var i=0; i < len; i++){
var c=this.letter(str.charAt(i));
if(c){
total +=c.width * this.normalizedFontSize / 25.0 * this.fontStretch;
}}
return total;
};
$.jqplot.CanvasTextRenderer.prototype.draw=function(ctx,str){
var x=0;
var y=this.height*0.72;
var total=0;
var len=str.length;
var mag=this.normalizedFontSize / 25.0;
ctx.save();
var tx, ty;
if((-Math.PI/2 <=this.angle&&this.angle <=0)||(Math.PI*3/2 <=this.angle&&this.angle <=Math.PI*2)){
tx=0;
ty=-Math.sin(this.angle) * this.width;
}
else if((0 < this.angle&&this.angle <=Math.PI/2)||(-Math.PI*2 <=this.angle&&this.angle <=-Math.PI*3/2)){
tx=Math.sin(this.angle) * this.height;
ty=0;
}
else if((-Math.PI < this.angle&&this.angle < -Math.PI/2)||(Math.PI <=this.angle&&this.angle <=Math.PI*3/2)){
tx=-Math.cos(this.angle) * this.width;
ty=-Math.sin(this.angle) * this.width - Math.cos(this.angle) * this.height;
}
else if((-Math.PI*3/2 < this.angle&&this.angle < Math.PI)||(Math.PI/2 < this.angle&&this.angle < Math.PI)){
tx=Math.sin(this.angle) * this.height - Math.cos(this.angle)*this.width;
ty=-Math.cos(this.angle) * this.height;
}
ctx.strokeStyle=this.fillStyle;
ctx.fillStyle=this.fillStyle;
ctx.translate(tx, ty);
ctx.rotate(this.angle);
ctx.lineCap="round";
var fact=(this.normalizedFontSize > 30) ? 2.0:2 + (30 - this.normalizedFontSize)/20;
ctx.lineWidth=fact * mag * this.fontWeight2Float(this.fontWeight);
for(var i=0; i < len; i++){
var c=this.letter(str.charAt(i));
if(!c){
continue;
}
ctx.beginPath();
var penUp=1;
var needStroke=0;
for(var j=0; j < c.points.length; j++){
var a=c.points[j];
if(a[0]==-1&&a[1]==-1){
penUp=1;
continue;
}
if(penUp){
ctx.moveTo(x + a[0]*mag*this.fontStretch, y - a[1]*mag);
penUp=false;
}else{
ctx.lineTo(x + a[0]*mag*this.fontStretch, y - a[1]*mag);
}}
ctx.stroke();
x +=c.width*mag*this.fontStretch;
}
ctx.restore();
return total;
};
$.jqplot.CanvasTextRenderer.prototype.letters={
' ': { width: 16, points: [] },
'!': { width: 10, points: [[5,21],[5,7],[-1,-1],[5,2],[4,1],[5,0],[6,1],[5,2]] },
'"': { width: 16, points: [[4,21],[4,14],[-1,-1],[12,21],[12,14]] },
'#': { width: 21, points: [[11,25],[4,-7],[-1,-1],[17,25],[10,-7],[-1,-1],[4,12],[18,12],[-1,-1],[3,6],[17,6]] },
'$': { width: 20, points: [[8,25],[8,-4],[-1,-1],[12,25],[12,-4],[-1,-1],[17,18],[15,20],[12,21],[8,21],[5,20],[3,18],[3,16],[4,14],[5,13],[7,12],[13,10],[15,9],[16,8],[17,6],[17,3],[15,1],[12,0],[8,0],[5,1],[3,3]] },
'%': { width: 24, points: [[21,21],[3,0],[-1,-1],[8,21],[10,19],[10,17],[9,15],[7,14],[5,14],[3,16],[3,18],[4,20],[6,21],[8,21],[10,20],[13,19],[16,19],[19,20],[21,21],[-1,-1],[17,7],[15,6],[14,4],[14,2],[16,0],[18,0],[20,1],[21,3],[21,5],[19,7],[17,7]] },
'&': { width: 26, points: [[23,12],[23,13],[22,14],[21,14],[20,13],[19,11],[17,6],[15,3],[13,1],[11,0],[7,0],[5,1],[4,2],[3,4],[3,6],[4,8],[5,9],[12,13],[13,14],[14,16],[14,18],[13,20],[11,21],[9,20],[8,18],[8,16],[9,13],[11,10],[16,3],[18,1],[20,0],[22,0],[23,1],[23,2]] },
'\'': { width: 10, points: [[5,19],[4,20],[5,21],[6,20],[6,18],[5,16],[4,15]] },
'(': { width: 14, points: [[11,25],[9,23],[7,20],[5,16],[4,11],[4,7],[5,2],[7,-2],[9,-5],[11,-7]] },
')': { width: 14, points: [[3,25],[5,23],[7,20],[9,16],[10,11],[10,7],[9,2],[7,-2],[5,-5],[3,-7]] },
'*': { width: 16, points: [[8,21],[8,9],[-1,-1],[3,18],[13,12],[-1,-1],[13,18],[3,12]] },
'+': { width: 26, points: [[13,18],[13,0],[-1,-1],[4,9],[22,9]] },
',': { width: 10, points: [[6,1],[5,0],[4,1],[5,2],[6,1],[6,-1],[5,-3],[4,-4]] },
'-': { width: 18, points: [[6,9],[12,9]] },
'.': { width: 10, points: [[5,2],[4,1],[5,0],[6,1],[5,2]] },
'/': { width: 22, points: [[20,25],[2,-7]] },
'0': { width: 20, points: [[9,21],[6,20],[4,17],[3,12],[3,9],[4,4],[6,1],[9,0],[11,0],[14,1],[16,4],[17,9],[17,12],[16,17],[14,20],[11,21],[9,21]] },
'1': { width: 20, points: [[6,17],[8,18],[11,21],[11,0]] },
'2': { width: 20, points: [[4,16],[4,17],[5,19],[6,20],[8,21],[12,21],[14,20],[15,19],[16,17],[16,15],[15,13],[13,10],[3,0],[17,0]] },
'3': { width: 20, points: [[5,21],[16,21],[10,13],[13,13],[15,12],[16,11],[17,8],[17,6],[16,3],[14,1],[11,0],[8,0],[5,1],[4,2],[3,4]] },
'4': { width: 20, points: [[13,21],[3,7],[18,7],[-1,-1],[13,21],[13,0]] },
'5': { width: 20, points: [[15,21],[5,21],[4,12],[5,13],[8,14],[11,14],[14,13],[16,11],[17,8],[17,6],[16,3],[14,1],[11,0],[8,0],[5,1],[4,2],[3,4]] },
'6': { width: 20, points: [[16,18],[15,20],[12,21],[10,21],[7,20],[5,17],[4,12],[4,7],[5,3],[7,1],[10,0],[11,0],[14,1],[16,3],[17,6],[17,7],[16,10],[14,12],[11,13],[10,13],[7,12],[5,10],[4,7]] },
'7': { width: 20, points: [[17,21],[7,0],[-1,-1],[3,21],[17,21]] },
'8': { width: 20, points: [[8,21],[5,20],[4,18],[4,16],[5,14],[7,13],[11,12],[14,11],[16,9],[17,7],[17,4],[16,2],[15,1],[12,0],[8,0],[5,1],[4,2],[3,4],[3,7],[4,9],[6,11],[9,12],[13,13],[15,14],[16,16],[16,18],[15,20],[12,21],[8,21]] },
'9': { width: 20, points: [[16,14],[15,11],[13,9],[10,8],[9,8],[6,9],[4,11],[3,14],[3,15],[4,18],[6,20],[9,21],[10,21],[13,20],[15,18],[16,14],[16,9],[15,4],[13,1],[10,0],[8,0],[5,1],[4,3]] },
':': { width: 10, points: [[5,14],[4,13],[5,12],[6,13],[5,14],[-1,-1],[5,2],[4,1],[5,0],[6,1],[5,2]] },
';': { width: 10, points: [[5,14],[4,13],[5,12],[6,13],[5,14],[-1,-1],[6,1],[5,0],[4,1],[5,2],[6,1],[6,-1],[5,-3],[4,-4]] },
'<': { width: 24, points: [[20,18],[4,9],[20,0]] },
'=': { width: 26, points: [[4,12],[22,12],[-1,-1],[4,6],[22,6]] },
'>': { width: 24, points: [[4,18],[20,9],[4,0]] },
'?': { width: 18, points: [[3,16],[3,17],[4,19],[5,20],[7,21],[11,21],[13,20],[14,19],[15,17],[15,15],[14,13],[13,12],[9,10],[9,7],[-1,-1],[9,2],[8,1],[9,0],[10,1],[9,2]] },
'@': { width: 27, points: [[18,13],[17,15],[15,16],[12,16],[10,15],[9,14],[8,11],[8,8],[9,6],[11,5],[14,5],[16,6],[17,8],[-1,-1],[12,16],[10,14],[9,11],[9,8],[10,6],[11,5],[-1,-1],[18,16],[17,8],[17,6],[19,5],[21,5],[23,7],[24,10],[24,12],[23,15],[22,17],[20,19],[18,20],[15,21],[12,21],[9,20],[7,19],[5,17],[4,15],[3,12],[3,9],[4,6],[5,4],[7,2],[9,1],[12,0],[15,0],[18,1],[20,2],[21,3],[-1,-1],[19,16],[18,8],[18,6],[19,5]] },
'A': { width: 18, points: [[9,21],[1,0],[-1,-1],[9,21],[17,0],[-1,-1],[4,7],[14,7]] },
'B': { width: 21, points: [[4,21],[4,0],[-1,-1],[4,21],[13,21],[16,20],[17,19],[18,17],[18,15],[17,13],[16,12],[13,11],[-1,-1],[4,11],[13,11],[16,10],[17,9],[18,7],[18,4],[17,2],[16,1],[13,0],[4,0]] },
'C': { width: 21, points: [[18,16],[17,18],[15,20],[13,21],[9,21],[7,20],[5,18],[4,16],[3,13],[3,8],[4,5],[5,3],[7,1],[9,0],[13,0],[15,1],[17,3],[18,5]] },
'D': { width: 21, points: [[4,21],[4,0],[-1,-1],[4,21],[11,21],[14,20],[16,18],[17,16],[18,13],[18,8],[17,5],[16,3],[14,1],[11,0],[4,0]] },
'E': { width: 19, points: [[4,21],[4,0],[-1,-1],[4,21],[17,21],[-1,-1],[4,11],[12,11],[-1,-1],[4,0],[17,0]] },
'F': { width: 18, points: [[4,21],[4,0],[-1,-1],[4,21],[17,21],[-1,-1],[4,11],[12,11]] },
'G': { width: 21, points: [[18,16],[17,18],[15,20],[13,21],[9,21],[7,20],[5,18],[4,16],[3,13],[3,8],[4,5],[5,3],[7,1],[9,0],[13,0],[15,1],[17,3],[18,5],[18,8],[-1,-1],[13,8],[18,8]] },
'H': { width: 22, points: [[4,21],[4,0],[-1,-1],[18,21],[18,0],[-1,-1],[4,11],[18,11]] },
'I': { width: 8, points: [[4,21],[4,0]] },
'J': { width: 16, points: [[12,21],[12,5],[11,2],[10,1],[8,0],[6,0],[4,1],[3,2],[2,5],[2,7]] },
'K': { width: 21, points: [[4,21],[4,0],[-1,-1],[18,21],[4,7],[-1,-1],[9,12],[18,0]] },
'L': { width: 17, points: [[4,21],[4,0],[-1,-1],[4,0],[16,0]] },
'M': { width: 24, points: [[4,21],[4,0],[-1,-1],[4,21],[12,0],[-1,-1],[20,21],[12,0],[-1,-1],[20,21],[20,0]] },
'N': { width: 22, points: [[4,21],[4,0],[-1,-1],[4,21],[18,0],[-1,-1],[18,21],[18,0]] },
'O': { width: 22, points: [[9,21],[7,20],[5,18],[4,16],[3,13],[3,8],[4,5],[5,3],[7,1],[9,0],[13,0],[15,1],[17,3],[18,5],[19,8],[19,13],[18,16],[17,18],[15,20],[13,21],[9,21]] },
'P': { width: 21, points: [[4,21],[4,0],[-1,-1],[4,21],[13,21],[16,20],[17,19],[18,17],[18,14],[17,12],[16,11],[13,10],[4,10]] },
'Q': { width: 22, points: [[9,21],[7,20],[5,18],[4,16],[3,13],[3,8],[4,5],[5,3],[7,1],[9,0],[13,0],[15,1],[17,3],[18,5],[19,8],[19,13],[18,16],[17,18],[15,20],[13,21],[9,21],[-1,-1],[12,4],[18,-2]] },
'R': { width: 21, points: [[4,21],[4,0],[-1,-1],[4,21],[13,21],[16,20],[17,19],[18,17],[18,15],[17,13],[16,12],[13,11],[4,11],[-1,-1],[11,11],[18,0]] },
'S': { width: 20, points: [[17,18],[15,20],[12,21],[8,21],[5,20],[3,18],[3,16],[4,14],[5,13],[7,12],[13,10],[15,9],[16,8],[17,6],[17,3],[15,1],[12,0],[8,0],[5,1],[3,3]] },
'T': { width: 16, points: [[8,21],[8,0],[-1,-1],[1,21],[15,21]] },
'U': { width: 22, points: [[4,21],[4,6],[5,3],[7,1],[10,0],[12,0],[15,1],[17,3],[18,6],[18,21]] },
'V': { width: 18, points: [[1,21],[9,0],[-1,-1],[17,21],[9,0]] },
'W': { width: 24, points: [[2,21],[7,0],[-1,-1],[12,21],[7,0],[-1,-1],[12,21],[17,0],[-1,-1],[22,21],[17,0]] },
'X': { width: 20, points: [[3,21],[17,0],[-1,-1],[17,21],[3,0]] },
'Y': { width: 18, points: [[1,21],[9,11],[9,0],[-1,-1],[17,21],[9,11]] },
'Z': { width: 20, points: [[17,21],[3,0],[-1,-1],[3,21],[17,21],[-1,-1],[3,0],[17,0]] },
'[': { width: 14, points: [[4,25],[4,-7],[-1,-1],[5,25],[5,-7],[-1,-1],[4,25],[11,25],[-1,-1],[4,-7],[11,-7]] },
'\\': { width: 14, points: [[0,21],[14,-3]] },
']': { width: 14, points: [[9,25],[9,-7],[-1,-1],[10,25],[10,-7],[-1,-1],[3,25],[10,25],[-1,-1],[3,-7],[10,-7]] },
'^': { width: 16, points: [[6,15],[8,18],[10,15],[-1,-1],[3,12],[8,17],[13,12],[-1,-1],[8,17],[8,0]] },
'_': { width: 16, points: [[0,-2],[16,-2]] },
'`': { width: 10, points: [[6,21],[5,20],[4,18],[4,16],[5,15],[6,16],[5,17]] },
'a': { width: 19, points: [[15,14],[15,0],[-1,-1],[15,11],[13,13],[11,14],[8,14],[6,13],[4,11],[3,8],[3,6],[4,3],[6,1],[8,0],[11,0],[13,1],[15,3]] },
'b': { width: 19, points: [[4,21],[4,0],[-1,-1],[4,11],[6,13],[8,14],[11,14],[13,13],[15,11],[16,8],[16,6],[15,3],[13,1],[11,0],[8,0],[6,1],[4,3]] },
'c': { width: 18, points: [[15,11],[13,13],[11,14],[8,14],[6,13],[4,11],[3,8],[3,6],[4,3],[6,1],[8,0],[11,0],[13,1],[15,3]] },
'd': { width: 19, points: [[15,21],[15,0],[-1,-1],[15,11],[13,13],[11,14],[8,14],[6,13],[4,11],[3,8],[3,6],[4,3],[6,1],[8,0],[11,0],[13,1],[15,3]] },
'e': { width: 18, points: [[3,8],[15,8],[15,10],[14,12],[13,13],[11,14],[8,14],[6,13],[4,11],[3,8],[3,6],[4,3],[6,1],[8,0],[11,0],[13,1],[15,3]] },
'f': { width: 12, points: [[10,21],[8,21],[6,20],[5,17],[5,0],[-1,-1],[2,14],[9,14]] },
'g': { width: 19, points: [[15,14],[15,-2],[14,-5],[13,-6],[11,-7],[8,-7],[6,-6],[-1,-1],[15,11],[13,13],[11,14],[8,14],[6,13],[4,11],[3,8],[3,6],[4,3],[6,1],[8,0],[11,0],[13,1],[15,3]] },
'h': { width: 19, points: [[4,21],[4,0],[-1,-1],[4,10],[7,13],[9,14],[12,14],[14,13],[15,10],[15,0]] },
'i': { width: 8, points: [[3,21],[4,20],[5,21],[4,22],[3,21],[-1,-1],[4,14],[4,0]] },
'j': { width: 10, points: [[5,21],[6,20],[7,21],[6,22],[5,21],[-1,-1],[6,14],[6,-3],[5,-6],[3,-7],[1,-7]] },
'k': { width: 17, points: [[4,21],[4,0],[-1,-1],[14,14],[4,4],[-1,-1],[8,8],[15,0]] },
'l': { width: 8, points: [[4,21],[4,0]] },
'm': { width: 30, points: [[4,14],[4,0],[-1,-1],[4,10],[7,13],[9,14],[12,14],[14,13],[15,10],[15,0],[-1,-1],[15,10],[18,13],[20,14],[23,14],[25,13],[26,10],[26,0]] },
'n': { width: 19, points: [[4,14],[4,0],[-1,-1],[4,10],[7,13],[9,14],[12,14],[14,13],[15,10],[15,0]] },
'o': { width: 19, points: [[8,14],[6,13],[4,11],[3,8],[3,6],[4,3],[6,1],[8,0],[11,0],[13,1],[15,3],[16,6],[16,8],[15,11],[13,13],[11,14],[8,14]] },
'p': { width: 19, points: [[4,14],[4,-7],[-1,-1],[4,11],[6,13],[8,14],[11,14],[13,13],[15,11],[16,8],[16,6],[15,3],[13,1],[11,0],[8,0],[6,1],[4,3]] },
'q': { width: 19, points: [[15,14],[15,-7],[-1,-1],[15,11],[13,13],[11,14],[8,14],[6,13],[4,11],[3,8],[3,6],[4,3],[6,1],[8,0],[11,0],[13,1],[15,3]] },
'r': { width: 13, points: [[4,14],[4,0],[-1,-1],[4,8],[5,11],[7,13],[9,14],[12,14]] },
's': { width: 17, points: [[14,11],[13,13],[10,14],[7,14],[4,13],[3,11],[4,9],[6,8],[11,7],[13,6],[14,4],[14,3],[13,1],[10,0],[7,0],[4,1],[3,3]] },
't': { width: 12, points: [[5,21],[5,4],[6,1],[8,0],[10,0],[-1,-1],[2,14],[9,14]] },
'u': { width: 19, points: [[4,14],[4,4],[5,1],[7,0],[10,0],[12,1],[15,4],[-1,-1],[15,14],[15,0]] },
'v': { width: 16, points: [[2,14],[8,0],[-1,-1],[14,14],[8,0]] },
'w': { width: 22, points: [[3,14],[7,0],[-1,-1],[11,14],[7,0],[-1,-1],[11,14],[15,0],[-1,-1],[19,14],[15,0]] },
'x': { width: 17, points: [[3,14],[14,0],[-1,-1],[14,14],[3,0]] },
'y': { width: 16, points: [[2,14],[8,0],[-1,-1],[14,14],[8,0],[6,-4],[4,-6],[2,-7],[1,-7]] },
'z': { width: 17, points: [[14,14],[3,0],[-1,-1],[3,14],[14,14],[-1,-1],[3,0],[14,0]] },
'{': { width: 14, points: [[9,25],[7,24],[6,23],[5,21],[5,19],[6,17],[7,16],[8,14],[8,12],[6,10],[-1,-1],[7,24],[6,22],[6,20],[7,18],[8,17],[9,15],[9,13],[8,11],[4,9],[8,7],[9,5],[9,3],[8,1],[7,0],[6,-2],[6,-4],[7,-6],[-1,-1],[6,8],[8,6],[8,4],[7,2],[6,1],[5,-1],[5,-3],[6,-5],[7,-6],[9,-7]] },
'|': { width: 8, points: [[4,25],[4,-7]] },
'}': { width: 14, points: [[5,25],[7,24],[8,23],[9,21],[9,19],[8,17],[7,16],[6,14],[6,12],[8,10],[-1,-1],[7,24],[8,22],[8,20],[7,18],[6,17],[5,15],[5,13],[6,11],[10,9],[6,7],[5,5],[5,3],[6,1],[7,0],[8,-2],[8,-4],[7,-6],[-1,-1],[8,8],[6,6],[6,4],[7,2],[8,1],[9,-1],[9,-3],[8,-5],[7,-6],[5,-7]] },
'~': { width: 24, points: [[3,6],[3,8],[4,11],[6,12],[8,12],[10,11],[14,8],[16,7],[18,7],[20,8],[21,10],[-1,-1],[3,8],[4,10],[6,11],[8,11],[10,10],[14,7],[16,6],[18,6],[20,7],[21,10],[21,12]] }};
$.jqplot.CanvasFontRenderer=function(options){
options=options||{};
if(!options.pt2px){
options.pt2px=1.5;
}
$.jqplot.CanvasTextRenderer.call(this, options);
};
$.jqplot.CanvasFontRenderer.prototype=new $.jqplot.CanvasTextRenderer({});
$.jqplot.CanvasFontRenderer.prototype.constructor=$.jqplot.CanvasFontRenderer;
$.jqplot.CanvasFontRenderer.prototype.measure=function(ctx, str){
var fstyle=this.fontSize+' '+this.fontFamily;
ctx.save();
ctx.font=fstyle;
var w=ctx.measureText(str).width;
ctx.restore();
return w;
};
$.jqplot.CanvasFontRenderer.prototype.draw=function(ctx, str){
var x=0;
var y=this.height*0.72;
ctx.save();
var tx, ty;
if((-Math.PI/2 <=this.angle&&this.angle <=0)||(Math.PI*3/2 <=this.angle&&this.angle <=Math.PI*2)){
tx=0;
ty=-Math.sin(this.angle) * this.width;
}
else if((0 < this.angle&&this.angle <=Math.PI/2)||(-Math.PI*2 <=this.angle&&this.angle <=-Math.PI*3/2)){
tx=Math.sin(this.angle) * this.height;
ty=0;
}
else if((-Math.PI < this.angle&&this.angle < -Math.PI/2)||(Math.PI <=this.angle&&this.angle <=Math.PI*3/2)){
tx=-Math.cos(this.angle) * this.width;
ty=-Math.sin(this.angle) * this.width - Math.cos(this.angle) * this.height;
}
else if((-Math.PI*3/2 < this.angle&&this.angle < Math.PI)||(Math.PI/2 < this.angle&&this.angle < Math.PI)){
tx=Math.sin(this.angle) * this.height - Math.cos(this.angle)*this.width;
ty=-Math.cos(this.angle) * this.height;
}
ctx.strokeStyle=this.fillStyle;
ctx.fillStyle=this.fillStyle;
var fstyle=this.fontSize+' '+this.fontFamily;
ctx.font=fstyle;
ctx.translate(tx, ty);
ctx.rotate(this.angle);
ctx.fillText(str, x, y);
ctx.restore();
};})(jQuery);
(function($){
$.jqplot.EnhancedLegendRenderer=function(){
$.jqplot.TableLegendRenderer.call(this);
};
$.jqplot.EnhancedLegendRenderer.prototype=new $.jqplot.TableLegendRenderer();
$.jqplot.EnhancedLegendRenderer.prototype.constructor=$.jqplot.EnhancedLegendRenderer;
$.jqplot.EnhancedLegendRenderer.prototype.init=function(options){
this.numberRows=null;
this.numberColumns=null;
this.seriesToggle='normal';
this.seriesToggleReplot=false;
this.disableIEFading=true;
$.extend(true, this, options);
if(this.seriesToggle){
$.jqplot.postDrawHooks.push(postDraw);
}};
$.jqplot.EnhancedLegendRenderer.prototype.draw=function(offsets, plot){
var legend=this;
if(this.show){
var series=this._series;
var s;
var ss='position:absolute;';
ss +=(this.background) ? 'background:'+this.background+';':'';
ss +=(this.border) ? 'border:'+this.border+';':'';
ss +=(this.fontSize) ? 'font-size:'+this.fontSize+';':'';
ss +=(this.fontFamily) ? 'font-family:'+this.fontFamily+';':'';
ss +=(this.textColor) ? 'color:'+this.textColor+';':'';
ss +=(this.marginTop!=null) ? 'margin-top:'+this.marginTop+';':'';
ss +=(this.marginBottom!=null) ? 'margin-bottom:'+this.marginBottom+';':'';
ss +=(this.marginLeft!=null) ? 'margin-left:'+this.marginLeft+';':'';
ss +=(this.marginRight!=null) ? 'margin-right:'+this.marginRight+';':'';
this._elem=$('
');
if(this.seriesToggle){
this._elem.css('z-index', '3');
}
var pad=false,
reverse=false,
nr, nc;
if(this.numberRows){
nr=this.numberRows;
if(!this.numberColumns){
nc=Math.ceil(series.length/nr);
}else{
nc=this.numberColumns;
}}
else if(this.numberColumns){
nc=this.numberColumns;
nr=Math.ceil(series.length/this.numberColumns);
}else{
nr=series.length;
nc=1;
}
var i, j, tr, td1, td2, lt, rs, div, div0, div1;
var idx=0;
for (i=series.length-1; i>=0; i--){
if(nc==1&&series[i]._stack||series[i].renderer.constructor==$.jqplot.BezierCurveRenderer){
reverse=true;
}}
for (i=0; i0){
pad=true;
}else{
pad=false;
}}else{
if(i==nr -1){
pad=false;
}else{
pad=true;
}}
rs=(pad) ? this.rowSpacing:'0';
td1=$(document.createElement('td'));
td1.addClass('jqplot-table-legend jqplot-table-legend-swatch');
td1.css({textAlign: 'center', paddingTop: rs});
div0=$(document.createElement('div'));
div0.addClass('jqplot-table-legend-swatch-outline');
div1=$(document.createElement('div'));
div1.addClass('jqplot-table-legend-swatch');
div1.css({backgroundColor: color, borderColor: color});
td1.append(div0.append(div1));
td2=$(document.createElement('td'));
td2.addClass('jqplot-table-legend jqplot-table-legend-label');
td2.css('paddingTop', rs);
if(this.escapeHtml){
td2.text(lt);
}else{
td2.html(lt);
}
if(reverse){
if(this.showLabels){td2.prependTo(tr);}
if(this.showSwatches){td1.prependTo(tr);}}else{
if(this.showSwatches){td1.appendTo(tr);}
if(this.showLabels){td2.appendTo(tr);}}
if(this.seriesToggle){
var speed;
if(typeof(this.seriesToggle)==='string'||typeof(this.seriesToggle)==='number'){
if(!$.jqplot.use_excanvas||!this.disableIEFading){
speed=this.seriesToggle;
}}
if(this.showSwatches){
td1.bind('click', {series:s, speed:speed, plot: plot, replot:this.seriesToggleReplot}, handleToggle);
td1.addClass('jqplot-seriesToggle');
}
if(this.showLabels){
td2.bind('click', {series:s, speed:speed, plot: plot, replot:this.seriesToggleReplot}, handleToggle);
td2.addClass('jqplot-seriesToggle');
}
if(!s.show&&s.showLabel){
td1.addClass('jqplot-series-hidden');
td2.addClass('jqplot-series-hidden');
}}
pad=true;
}}
idx++;
}
td1=td2=div0=div1=null;
}}
return this._elem;
};
var handleToggle=function (ev){
var d=ev.data,
s=d.series,
replot=d.replot,
plot=d.plot,
speed=d.speed,
sidx=s.index,
showing=false;
if(s.canvas._elem.is(':hidden')||!s.show){
showing=true;
}
var doLegendToggle=function(){
if(replot){
var opts={};
if($.isPlainObject(replot)){
$.extend(true, opts, replot);
}
plot.replot(opts);
if(showing&&speed){
var s=plot.series[sidx];
if(s.shadowCanvas._elem){
s.shadowCanvas._elem.hide().fadeIn(speed);
}
s.canvas._elem.hide().fadeIn(speed);
s.canvas._elem.nextAll('.jqplot-point-label.jqplot-series-'+s.index).hide().fadeIn(speed);
}}else{
var s=plot.series[sidx];
if(s.canvas._elem.is(':hidden')||!s.show){
if(typeof plot.options.legend.showSwatches==='undefined'||plot.options.legend.showSwatches===true){
plot.legend._elem.find('td').eq(sidx * 2).addClass('jqplot-series-hidden');
}
if(typeof plot.options.legend.showLabels==='undefined'||plot.options.legend.showLabels===true){
plot.legend._elem.find('td').eq((sidx * 2) + 1).addClass('jqplot-series-hidden');
}}else{
if(typeof plot.options.legend.showSwatches==='undefined'||plot.options.legend.showSwatches===true){
plot.legend._elem.find('td').eq(sidx * 2).removeClass('jqplot-series-hidden');
}
if(typeof plot.options.legend.showLabels==='undefined'||plot.options.legend.showLabels===true){
plot.legend._elem.find('td').eq((sidx * 2) + 1).removeClass('jqplot-series-hidden');
}}
}};
s.toggleDisplay(ev, doLegendToggle);
};
var postDraw=function (){
if(this.legend.renderer.constructor==$.jqplot.EnhancedLegendRenderer&&this.legend.seriesToggle){
var e=this.legend._elem.detach();
this.eventCanvas._elem.after(e);
}};})(jQuery);
(function($){
$.jqplot.EnhancedPieLegendRenderer=function(){
$.jqplot.TableLegendRenderer.call(this);
};
$.jqplot.EnhancedPieLegendRenderer.prototype=new $.jqplot.TableLegendRenderer();
$.jqplot.EnhancedPieLegendRenderer.prototype.constructor=$.jqplot.EnhancedPieLegendRenderer;
$.jqplot.EnhancedPieLegendRenderer.prototype.init=function(options){
this.numberRows=null;
this.numberColumns=null;
this.seriesToggle='normal';
this.seriesToggleReplot=false;
this.disableIEFading=true;
this.toolTips=[];
$.extend(true, this, options);
if(this.seriesToggle){
$.jqplot.postDrawHooks.push(postDraw);
}};
$.jqplot.EnhancedPieLegendRenderer.prototype.draw=function(offsets, plot){
var legend=this;
if(this.show){
var series=this._series;
var s;
var ss='position:absolute;';
ss +=(this.background) ? 'background:'+this.background+';':'';
ss +=(this.border) ? 'border:'+this.border+';':'';
ss +=(this.fontSize) ? 'font-size:'+this.fontSize+';':'';
ss +=(this.fontFamily) ? 'font-family:'+this.fontFamily+';':'';
ss +=(this.textColor) ? 'color:'+this.textColor+';':'';
ss +=(this.marginTop!=null) ? 'margin-top:'+this.marginTop+';':'';
ss +=(this.marginBottom!=null) ? 'margin-bottom:'+this.marginBottom+';':'';
ss +=(this.marginLeft!=null) ? 'margin-left:'+this.marginLeft+';':'';
ss +=(this.marginRight!=null) ? 'margin-right:'+this.marginRight+';':'';
this._elem=$('
');
if(this.seriesToggle){
this._elem.css('z-index', '3');
}
var pad=false,
reverse=false,
nr, nc;
var s=series[0];
var slen=s.data.length;
var colorGenerator=new $.jqplot.ColorGenerator(s.seriesColors);
if(this.numberRows){
nr=this.numberRows;
if(!this.numberColumns){
nc=Math.ceil(slen/nr);
}else{
nc=this.numberColumns;
}}
else if(this.numberColumns){
nc=this.numberColumns;
nr=Math.ceil(slen/this.numberColumns);
}else{
nr=slen;
nc=1;
}
var i, j, tr, td1, td2, lt, rs, div, div0, div1;
var idx=0;
for (i=series.length-1; i>=0; i--){
if(nc==1&&series[i]._stack||series[i].renderer.constructor==$.jqplot.BezierCurveRenderer){
reverse=true;
}}
for (i=0; i0){
pad=true;
}else{
pad=false;
}}else{
if(i==nr -1){
pad=false;
}else{
pad=true;
}}
rs=(pad) ? this.rowSpacing:'0';
td1=$(document.createElement('td'));
td1.addClass('jqplot-table-legend jqplot-table-legend-swatch');
td1.css({textAlign: 'center', paddingTop: rs});
div0=$(document.createElement('div'));
div0.addClass('jqplot-table-legend-swatch-outline');
if(tt!==undefined){
div0.attr("title", tt);
}
div1=$(document.createElement('div'));
div1.addClass('jqplot-table-legend-swatch');
div1.css({backgroundColor: color, borderColor: color});
td1.append(div0.append(div1));
td2=$(document.createElement('td'));
td2.addClass('jqplot-table-legend jqplot-table-legend-label');
td2.css('paddingTop', rs);
if(tt!==undefined){
td2.attr("title", tt);
}
if(this.escapeHtml){
td2.text(lt);
}else{
td2.html(lt);
}
if(reverse){
if(this.showLabels){td2.prependTo(tr);}
if(this.showSwatches){td1.prependTo(tr);}}else{
if(this.showSwatches){td1.appendTo(tr);}
if(this.showLabels){td2.appendTo(tr);}}
if(this.seriesToggle){
var speed;
if(typeof(this.seriesToggle)==='string'||typeof(this.seriesToggle)==='number'){
if(!$.jqplot.use_excanvas||!this.disableIEFading){
speed=this.seriesToggle;
}}
if(this.showSwatches){
td1.bind('click', {series:s, index:idx, speed:speed, plot: plot, replot:this.seriesToggleReplot}, handleToggle);
td1.addClass('jqplot-seriesToggle');
}
if(this.showLabels){
td2.bind('click', {series:s, index:idx, speed:speed, plot: plot, replot:this.seriesToggleReplot}, handleToggle);
td2.addClass('jqplot-seriesToggle');
}
if(s.showSlice[idx]===false&&s.showLabel){
td1.addClass('jqplot-series-hidden');
td2.addClass('jqplot-series-hidden');
}}
pad=true;
}}
idx++;
}
td1=td2=div0=div1=null;
}}
return this._elem;
};
var handleToggle=function (ev){
var d=ev.data,
replot=d.replot,
plot=d.plot,
idx=d.index;
d.series.showSlice[idx]=(d.series.showSlice[idx]===false) ? true:false;
var opts={};
if($.isPlainObject(replot)){
$.extend(true, opts, replot);
}
plot.replot(opts);
};
var postDraw=function (){
if(this.legend.renderer.constructor==$.jqplot.EnhancedPieLegendRenderer&&this.legend.seriesToggle){
var e=this.legend._elem.detach();
this.eventCanvas._elem.after(e);
}};})(jQuery);
(function($){
/**
* class: $.jqplot.LogAxisRenderer
* A plugin for a jqPlot to render a logarithmic axis.
*
* To use this renderer, include the plugin in your source
* >
*
* and supply the appropriate options to your plot
*
* > {axes:{xaxis:{renderer:$.jqplot.LogAxisRenderer}}}
**/
$.jqplot.LogAxisRenderer=function(){
$.jqplot.LinearAxisRenderer.call(this);
this.axisDefaults={
base:10,
tickDistribution :'power'
};};
$.jqplot.LogAxisRenderer.prototype=new $.jqplot.LinearAxisRenderer();
$.jqplot.LogAxisRenderer.prototype.constructor=$.jqplot.LogAxisRenderer;
$.jqplot.LogAxisRenderer.prototype.init=function(options){
this.drawBaseline=true;
this.minorTicks='auto';
this._scalefact=1.0;
$.extend(true, this, options);
this._autoFormatString='%d';
this._overrideFormatString=false;
for (var d in this.renderer.axisDefaults){
if(this[d]==null){
this[d]=this.renderer.axisDefaults[d];
}}
this.resetDataBounds();
};
$.jqplot.LogAxisRenderer.prototype.createTicks=function(plot){
var ticks=this._ticks;
var userTicks=this.ticks;
var name=this.name;
var db=this._dataBounds;
var dim=(this.name.charAt(0)==='x') ? this._plotDimensions.width:this._plotDimensions.height;
var interval;
var min, max;
var pos1, pos2;
var tt, i;
var threshold=30;
this._scalefact=(Math.max(dim, threshold+1) - threshold)/300;
if(userTicks.length){
for (i=0; i 140){
numberTicks=Math.round(Math.log(this.max/this.min)/Math.log(this.base) + 1);
if(numberTicks < 2){
numberTicks=2;
}
if(minorTicks===0){
var temp=dim/(numberTicks - 1);
if(temp < 100){
minorTicks=0;
}
else if(temp < 190){
minorTicks=1;
}
else if(temp < 250){
minorTicks=3;
}
else if(temp < 600){
minorTicks=4;
}else{
minorTicks=9;
}}
}else{
numberTicks=2;
if(minorTicks===0){
minorTicks=1;
}
minorTicks=0;
}}else{
numberTicks=this.numberTicks;
}
if(order >=0&&minorTicks!==3){
this._autoFormatString='%d';
}
else if(order <=0&&minorTicks===3){
var temp=-(order - 1);
this._autoFormatString='%.'+ Math.abs(order-1) + 'f';
}
else if(order < 0){
var temp=-order;
this._autoFormatString='%.'+ Math.abs(order) + 'f';
}else{
this._autoFormatString='%d';
}
var to, t, val, tt1, spread, interval;
for (var i=0; i=0; j--){
val=tt1-interval*(j+1);
t=new this.tickRenderer(this.tickOptions);
if(this._overrideFormatString&&this._autoFormatString!=''){
t.formatString=this._autoFormatString;
}
if(!this.showTicks){
t.showLabel=false;
t.showMark=false;
}
else if(!this.showTickMarks){
t.showMark=false;
}
t.setTick(val, this.name);
this._ticks.push(t);
}}
}}
else if(this.min!=null&&this.max!=null){
var opts=$.extend(true, {}, this.tickOptions, {name: this.name, value: null});
var nt, ti;
if(this.numberTicks==null&&this.tickInterval==null){
var tdim=Math.max(dim, threshold+1);
var nttarget=Math.ceil((tdim-threshold)/35 + 1);
var ret=$.jqplot.LinearTickGenerator.bestConstrainedInterval(this.min, this.max, nttarget);
this._autoFormatString=ret[3];
nt=ret[2];
ti=ret[4];
for (var i=0; i 0){
shim=-t._textRenderer.height * Math.cos(-t._textRenderer.angle) / 2;
}else{
shim=-t.getHeight() + t._textRenderer.height * Math.cos(t._textRenderer.angle) / 2;
}
break;
case 'middle':
shim=-t.getHeight()/2;
break;
default:
shim=-t.getHeight()/2;
break;
}}else{
shim=-t.getHeight()/2;
}
var val=this.u2p(t.value) + shim + 'px';
t._elem.css('top', val);
t.pack();
}}
if(lshow){
var h=this._label._elem.outerHeight(true);
this._label._elem.css('top', offmax - pixellength/2 - h/2 + 'px');
if(this.name=='yaxis'){
this._label._elem.css('left', '0px');
}else{
this._label._elem.css('right', '0px');
}
this._label.pack();
}}
}};})(jQuery);
(function($){
$.jqplot.BarRenderer=function(){
$.jqplot.LineRenderer.call(this);
};
$.jqplot.BarRenderer.prototype=new $.jqplot.LineRenderer();
$.jqplot.BarRenderer.prototype.constructor=$.jqplot.BarRenderer;
$.jqplot.BarRenderer.prototype.init=function(options, plot){
this.barPadding=8;
this.barMargin=10;
this.barDirection='vertical';
this.barWidth=null;
this.shadowOffset=2;
this.shadowDepth=5;
this.shadowAlpha=0.08;
this.waterfall=false;
this.groups=1;
this.varyBarColor=false;
this.highlightMouseOver=true;
this.highlightMouseDown=false;
this.highlightColors=[];
this.transposedData=true;
this.renderer.animation={
show: false,
direction: 'down',
speed: 3000,
_supported: true
};
this._type='bar';
if(options.highlightMouseDown&&options.highlightMouseOver==null){
options.highlightMouseOver=false;
}
$.extend(true, this, options);
$.extend(true, this.renderer, options);
this.fill=true;
if(this.barDirection==='horizontal'&&this.rendererOptions.animation&&this.rendererOptions.animation.direction==null){
this.renderer.animation.direction='left';
}
if(this.waterfall){
this.fillToZero=false;
this.disableStack=true;
}
if(this.barDirection=='vertical'){
this._primaryAxis='_xaxis';
this._stackAxis='y';
this.fillAxis='y';
}else{
this._primaryAxis='_yaxis';
this._stackAxis='x';
this.fillAxis='x';
}
this._highlightedPoint=null;
this._plotSeriesInfo=null;
this._dataColors=[];
this._barPoints=[];
var opts={lineJoin:'miter', lineCap:'round', fill:true, isarc:false, strokeStyle:this.color, fillStyle:this.color, closePath:this.fill};
this.renderer.shapeRenderer.init(opts);
var sopts={lineJoin:'miter', lineCap:'round', fill:true, isarc:false, angle:this.shadowAngle, offset:this.shadowOffset, alpha:this.shadowAlpha, depth:this.shadowDepth, closePath:this.fill};
this.renderer.shadowRenderer.init(sopts);
plot.postInitHooks.addOnce(postInit);
plot.postDrawHooks.addOnce(postPlotDraw);
plot.eventListenerHooks.addOnce('jqplotMouseMove', handleMove);
plot.eventListenerHooks.addOnce('jqplotMouseDown', handleMouseDown);
plot.eventListenerHooks.addOnce('jqplotMouseUp', handleMouseUp);
plot.eventListenerHooks.addOnce('jqplotClick', handleClick);
plot.eventListenerHooks.addOnce('jqplotRightClick', handleRightClick);
};
function barPreInit(target, data, seriesDefaults, options){
if(this.rendererOptions.barDirection=='horizontal'){
this._stackAxis='x';
this._primaryAxis='_yaxis';
}
if(this.rendererOptions.waterfall==true){
this._data=$.extend(true, [], this.data);
var sum=0;
var pos=(!this.rendererOptions.barDirection||this.rendererOptions.barDirection==='vertical'||this.transposedData===false) ? 1:0;
for(var i=0; i0){
this.data[i][pos] +=this.data[i-1][pos];
}}
this.data[this.data.length]=(pos==1) ? [this.data.length+1, sum]:[sum, this.data.length+1];
this._data[this._data.length]=(pos==1) ? [this._data.length+1, sum]:[sum, this._data.length+1];
}
if(this.rendererOptions.groups > 1){
this.breakOnNull=true;
var l=this.data.length;
var skip=parseInt(l/this.rendererOptions.groups, 10);
var count=0;
for (var i=skip; i 570) ? newrgb[j] * 0.8:newrgb[j] + 0.3 * (255 - newrgb[j]);
newrgb[j]=parseInt(newrgb[j], 10);
}
ret.push('rgb('+newrgb[0]+','+newrgb[1]+','+newrgb[2]+')');
}
return ret;
}
function getStart(sidx, didx, comp, plot, axis){
var seriesIndex=sidx,
prevSeriesIndex=sidx - 1,
start,
prevVal,
aidx=(axis==='x') ? 0:1;
if(seriesIndex > 0){
prevVal=plot.series[prevSeriesIndex]._plotData[didx][aidx];
if((comp * prevVal) < 0){
start=getStart(prevSeriesIndex, didx, comp, plot, axis);
}else{
start=plot.series[prevSeriesIndex].gridData[didx][aidx];
}}else{
start=(aidx===0) ? plot.series[seriesIndex]._xaxis.series_u2p(0):plot.series[seriesIndex]._yaxis.series_u2p(0);
}
return start;
}
$.jqplot.BarRenderer.prototype.draw=function(ctx, gridData, options, plot){
var i;
var opts=$.extend({}, options);
var shadow=(opts.shadow!=undefined) ? opts.shadow:this.shadow;
var showLine=(opts.showLine!=undefined) ? opts.showLine:this.showLine;
var fill=(opts.fill!=undefined) ? opts.fill:this.fill;
var xaxis=this.xaxis;
var yaxis=this.yaxis;
var xp=this._xaxis.series_u2p;
var yp=this._yaxis.series_u2p;
var pointx, pointy;
this._dataColors=[];
this._barPoints=[];
if(this.barWidth==null||this.rendererOptions.barWidth==null){//check pull request https://bitbucket.org/cleonello/jqplot/pull-request/61/fix-for-issue-513/diff
this.renderer.setBarWidth.call(this);
}
var temp=this._plotSeriesInfo=this.renderer.calcSeriesNumbers.call(this);
var nvals=temp[0];
var nseries=temp[1];
var pos=temp[2];
var points=[];
if(this._stack){
this._barNudge=0;
}else{
this._barNudge=(-Math.abs(nseries/2 - 0.5) + pos) * (this.barWidth + this.barPadding);
}
if(showLine){
var negativeColors=new $.jqplot.ColorGenerator(this.negativeSeriesColors);
var positiveColors=new $.jqplot.ColorGenerator(this.seriesColors);
var alphaColors=new $.jqplot.ColorGenerator(this.seriesAlphaColors);
var negativeColor=negativeColors.get(this.index);
if(! this.useNegativeColors){
negativeColor=opts.fillStyle;
}
var positiveColor=opts.fillStyle;
var base;
var xstart;
var ystart;
if(this.barDirection=='vertical'){
for (var i=0; i 0&&i < this.gridData.length-1){
ystart=this.gridData[i-1][1];
}
else if(this.waterfall&&i==0&&i < this.gridData.length-1){
if(this._yaxis.min <=0&&this._yaxis.max >=0){
ystart=this._yaxis.series_u2p(0);
}
else if(this._yaxis.min > 0){
ystart=ctx.canvas.height;
}else{
ystart=0;
}}
else if(this.waterfall&&i==this.gridData.length - 1){
if(this._yaxis.min <=0&&this._yaxis.max >=0){
ystart=this._yaxis.series_u2p(0);
}
else if(this._yaxis.min > 0){
ystart=ctx.canvas.height;
}else{
ystart=0;
}}else{
ystart=ctx.canvas.height;
}}
if((this.fillToZero&&this._plotData[i][1] < 0)||(this.waterfall&&this._data[i][1] < 0)){
if(this.varyBarColor&&!this._stack){
if(this.useNegativeColors){
opts.fillStyle=negativeColors.next();
}else{
if(i>this.startAlpha){
opts.fillStyle=alphaColors.next();
}else{
opts.fillStyle=positiveColors.next();
}}
}else{
opts.fillStyle=negativeColor;
}}else{
if(this.varyBarColor&&!this._stack){
opts.fillStyle=positiveColors.next();
}else{
opts.fillStyle=positiveColor;
}}
if(!this.fillToZero||this._plotData[i][1] >=0){
points.push([base-this.barWidth/2, ystart]);
points.push([base-this.barWidth/2, gridData[i][1]]);
points.push([base+this.barWidth/2, gridData[i][1]]);
points.push([base+this.barWidth/2, ystart]);
}else{
points.push([base-this.barWidth/2, gridData[i][1]]);
points.push([base-this.barWidth/2, ystart]);
points.push([base+this.barWidth/2, ystart]);
points.push([base+this.barWidth/2, gridData[i][1]]);
}
this._barPoints.push(points);
if(shadow&&!this._stack){
var sopts=$.extend(true, {}, opts);
delete sopts.fillStyle;
this.renderer.shadowRenderer.draw(ctx, points, sopts);
}
var clr=opts.fillStyle||this.color;
if(i>this.startAlpha){
clr=clr.replace(",1)", ",0.3)");
opts.fillStyle=clr;
}
this._dataColors.push(clr);
this.renderer.shapeRenderer.draw(ctx, points, opts);
}}
else if(this.barDirection=='horizontal'){
for (var i=0; i 0&&i < this.gridData.length-1){
xstart=this.gridData[i-1][0];
}
else if(this.waterfall&&i==0&&i < this.gridData.length-1){
if(this._xaxis.min <=0&&this._xaxis.max >=0){
xstart=this._xaxis.series_u2p(0);
}
else if(this._xaxis.min > 0){
xstart=0;
}else{
xstart=0;
}}
else if(this.waterfall&&i==this.gridData.length - 1){
if(this._xaxis.min <=0&&this._xaxis.max >=0){
xstart=this._xaxis.series_u2p(0);
}
else if(this._xaxis.min > 0){
xstart=0;
}else{
xstart=ctx.canvas.width;
}}else{
xstart=0;
}}
if((this.fillToZero&&this._plotData[i][0] < 0)||(this.waterfall&&this._data[i][0] < 0)){
if(this.varyBarColor&&!this._stack){
if(this.useNegativeColors){
opts.fillStyle=negativeColors.next();
}else{
opts.fillStyle=positiveColors.next();
}}else{
opts.fillStyle=negativeColor;
}}else{
if(this.varyBarColor&&!this._stack){
opts.fillStyle=positiveColors.next();
}else{
opts.fillStyle=positiveColor;
}}
if(!this.fillToZero||this._plotData[i][0] >=0){
points.push([xstart, base + this.barWidth / 2]);
points.push([xstart, base - this.barWidth / 2]);
points.push([gridData[i][0], base - this.barWidth / 2]);
points.push([gridData[i][0], base + this.barWidth / 2]);
}else{
points.push([gridData[i][0], base + this.barWidth / 2]);
points.push([gridData[i][0], base - this.barWidth / 2]);
points.push([xstart, base - this.barWidth / 2]);
points.push([xstart, base + this.barWidth / 2]);
}
this._barPoints.push(points);
if(shadow&&!this._stack){
var sopts=$.extend(true, {}, opts);
delete sopts.fillStyle;
this.renderer.shadowRenderer.draw(ctx, points, sopts);
}
var clr=opts.fillStyle||this.color;
this._dataColors.push(clr);
this.renderer.shapeRenderer.draw(ctx, points, opts);
}}
}
if(this.highlightColors.length==0){
this.highlightColors=$.jqplot.computeHighlightColors(this._dataColors);
}
else if(typeof(this.highlightColors)=='string'){
var temp=this.highlightColors;
this.highlightColors=[];
for (var i=0; i
*
* Properties described here are passed into the $.jqplot function
* as options on the series renderer. For example:
*
* > plot2=$.jqplot('chart2', [s1, s2], {
* > seriesDefaults: {
* > renderer:$.jqplot.PieRenderer,
* > rendererOptions:{
* > sliceMargin: 2,
* > startAngle: -90
* > }
* > }
* > });
*
* A pie plot will trigger events on the plot target
* according to user interaction. All events return the event object,
* the series index, the point (slice) index, and the point data for
* the appropriate slice.
*
* 'jqplotDataMouseOver' - triggered when user mouseing over a slice.
* 'jqplotDataHighlight' - triggered the first time user mouses over a slice,
* if highlighting is enabled.
* 'jqplotDataUnhighlight' - triggered when a user moves the mouse out of
* a highlighted slice.
* 'jqplotLegendHighlight' - triggered the first time user mouses over a legend,
* if highlighting is enabled.
* 'jqplotLegendUnhighlight' - triggered when a user moves the mouse out of
* a highlighted legend.
* 'jqplotDataClick' - triggered when the user clicks on a slice.
* 'jqplotDataRightClick' - tiggered when the user right clicks on a slice if
* the "captureRightClick" option is set to true on the plot.
*/
$.jqplot.PieRenderer=function(){
$.jqplot.LineRenderer.call(this);
};
$.jqplot.PieRenderer.prototype=new $.jqplot.LineRenderer();
$.jqplot.PieRenderer.prototype.constructor=$.jqplot.PieRenderer;
$.jqplot.PieRenderer.prototype.init=function(options, plot){
this.diameter=null;
this.padding=20;
this.sliceMargin=0;
this.fill=true;
this.shadowOffset=2;
this.shadowAlpha=0.07;
this.shadowDepth=5;
this.highlightMouseOver=true;
this.highlightMouseDown=false;
this.highlightColors=[];
this.dataLabels='percent';
this.showDataLabels=false;
this.dataLabelFormatString=null;
this.dataLabelThreshold=3;
this.dataLabelPositionFactor=0.52;
this.dataLabelNudge=2;
this.dataLabelCenterOn=true;
this.startAngle=0;
this.tickRenderer=$.jqplot.PieTickRenderer;
this.showSlice=[];
this._drawData=true;
this._type='pie';
if(options.highlightMouseDown&&options.highlightMouseOver==null){
options.highlightMouseOver=false;
}
$.extend(true, this, options);
if(this.sliceMargin < 0){
this.sliceMargin=0;
}
this._diameter=null;
this._radius=null;
this._sliceAngles=[];
this._highlightedPoint=null;
if(this.highlightColors.length==0){
for (var i=0; i 570) ? newrgb[j] * 0.8:newrgb[j] + 0.3 * (255 - newrgb[j]);
newrgb[j]=parseInt(newrgb[j], 10);
}
this.highlightColors.push('rgb('+newrgb[0]+','+newrgb[1]+','+newrgb[2]+')');
}}
this.highlightColorGenerator=new $.jqplot.ColorGenerator(this.highlightColors);
plot.postParseOptionsHooks.addOnce(postParseOptions);
plot.postInitHooks.addOnce(postInit);
plot.eventListenerHooks.addOnce('jqplotMouseMove', handleMove);
plot.eventListenerHooks.addOnce('jqplotMouseDown', handleMouseDown);
plot.eventListenerHooks.addOnce('jqplotMouseUp', handleMouseUp);
plot.eventListenerHooks.addOnce('jqplotClick', handleClick);
plot.eventListenerHooks.addOnce('jqplotRightClick', handleRightClick);
plot.postDrawHooks.addOnce(postPlotDraw);
};
$.jqplot.PieRenderer.prototype.setGridData=function(plot){
var stack=[];
var td=[];
var sa=this.startAngle/180*Math.PI;
var tot=0;
this._drawData=false;
for (var i=0; i0){
stack[i] +=stack[i-1];
}
tot +=this.data[i][1];
}
var fact=Math.PI*2/stack[stack.length - 1];
for (var i=0; i0){
stack[i] +=stack[i-1];
}
tot +=data[i][1];
}
var fact=Math.PI*2/stack[stack.length - 1];
for (var i=0; i 0&&absang > 0.01&&absang < 6.282){
rprime=parseFloat(sm) / 2.0 / calcRadiusAdjustment(ang);
}
return rprime;
}
$.jqplot.PieRenderer.prototype.drawSlice=function (ctx, ang1, ang2, color, isShadow){
if(this._drawData){
var r=this._radius;
var fill=this.fill;
var lineWidth=this.lineWidth;
var sm=this.sliceMargin;
if(this.fill==false){
sm +=this.lineWidth;
}
ctx.save();
ctx.translate(this._center[0], this._center[1]);
var rprime=calcRPrime(ang1, ang2, this.sliceMargin, this.fill, this.lineWidth);
var transx=rprime * Math.cos((ang1 + ang2) / 2.0);
var transy=rprime * Math.sin((ang1 + ang2) / 2.0);
if((ang2 - ang1) <=Math.PI){
r -=rprime;
}else{
r +=rprime;
}
ctx.translate(transx, transy);
if(isShadow){
for (var i=0, l=this.shadowDepth; i 6.282 + this.startAngle){
ang2=6.282 + this.startAngle;
if(ang1 > ang2){
ang1=6.281 + this.startAngle;
}}
if(ang1 >=ang2){
return;
}
ctx.beginPath();
ctx.fillStyle=color;
ctx.strokeStyle=color;
ctx.lineWidth=lineWidth;
ctx.arc(0, 0, rad, ang1, ang2, false);
ctx.lineTo(0,0);
ctx.closePath();
if(fill){
ctx.fill();
}else{
ctx.stroke();
}}
};
$.jqplot.PieRenderer.prototype.draw=function (ctx, gd, options, plot){
var i;
var opts=(options!=undefined) ? options:{};
var offx=0;
var offy=0;
var trans=1;
var colorGenerator=new $.jqplot.ColorGenerator(this.seriesColors);
var sliceColor;
if(options.legendInfo&&options.legendInfo.placement=='insideGrid'){
var li=options.legendInfo;
switch (li.location){
case 'nw':
offx=li.width + li.xoffset;
break;
case 'w':
offx=li.width + li.xoffset;
break;
case 'sw':
offx=li.width + li.xoffset;
break;
case 'ne':
offx=li.width + li.xoffset;
trans=-1;
break;
case 'e':
offx=li.width + li.xoffset;
trans=-1;
break;
case 'se':
offx=li.width + li.xoffset;
trans=-1;
break;
case 'n':
offy=li.height + li.yoffset;
break;
case 's':
offy=li.height + li.yoffset;
trans=-1;
break;
default:
break;
}}
var shadow=(opts.shadow!=undefined) ? opts.shadow:this.shadow;
var fill=(opts.fill!=undefined) ? opts.fill:this.fill;
var cw=parseInt(ctx.canvas.style.width);
var ch=parseInt(ctx.canvas.style.height);
var w=cw - offx - 2 * this.padding;
var h=ch - offy - 2 * this.padding;
var mindim=Math.min(w,h);
var d=mindim;
this._sliceAngles=[];
var sm=this.sliceMargin;
if(this.fill==false){
sm +=this.lineWidth;
}
var rprime;
var maxrprime=0;
var ang, ang1, ang2, shadowColor;
var sa=this.startAngle / 180 * Math.PI;
for (var i=0, l=gd.length; i Math.PI){
maxrprime=Math.max(rprime, maxrprime);
}}
if(this.diameter!=null&&this.diameter > 0){
this._diameter=this.diameter - 2*maxrprime;
}else{
this._diameter=d - 2*maxrprime;
}
if(this._diameter < 6){
$.jqplot.log('Diameter of pie too small, not rendering.');
return;
}
var r=this._radius=this._diameter/2;
this._center=[(cw - trans * offx)/2 + trans * offx + maxrprime * Math.cos(sa), (ch - trans*offy)/2 + trans * offy + maxrprime * Math.sin(sa)];
if(this.shadow){
for (var i=0, l=gd.length; i=this.dataLabelThreshold){
var fstr, avgang=(this._sliceAngles[i][0] + this._sliceAngles[i][1])/2, label;
if(this.dataLabels=='label'){
fstr=this.dataLabelFormatString||'%s';
label=$.jqplot.sprintf(fstr, gd[i][0]);
}
else if(this.dataLabels=='value'){
fstr=this.dataLabelFormatString||'%d';
label=$.jqplot.sprintf(fstr, this.data[i][1]);
}
else if(this.dataLabels=='percent'){
fstr=this.dataLabelFormatString||'%d%%';
label=$.jqplot.sprintf(fstr, gd[i][2]*100);
}
else if(this.dataLabels.constructor==Array){
fstr=this.dataLabelFormatString||'%s';
label=$.jqplot.sprintf(fstr, this.dataLabels[i]);
}
var fact=(this._radius) * this.dataLabelPositionFactor + this.sliceMargin + this.dataLabelNudge;
var x=this._center[0] + Math.cos(avgang) * fact + this.canvas._offsets.left;
var y=this._center[1] + Math.sin(avgang) * fact + this.canvas._offsets.top;
var labelelem=$('