plotkit_packed.js

ntop网络监控软件,使用方面

}
if(_246(this.container)||this.container.nodeName.toLowerCase()!="div"){
throw "SVGRenderer() - No DIV's around the SVG.";
}
this.xlabels=new Array();
this.ylabels=new Array();
this.defs=this.createSVGElement("defs");
this.area={x:this.options.padding.left,y:this.options.padding.top,w:this.width-this.options.padding.left-this.options.padding.right,h:this.height-this.options.padding.top-this.options.padding.bottom};
MochiKit.DOM.updateNodeAttributes(this.container,{"style":{"position":"relative","width":this.width+"px"}});
};
PlotKit.SVGRenderer.prototype.render=function(){
if(this.options.drawBackground){
this._renderBackground();
}
if(this.layout.style=="bar"){
this._renderBarChart();
this._renderBarAxis();
}else{
if(this.layout.style=="pie"){
this._renderPieChart();
this._renderPieAxis();
}else{
if(this.layout.style=="line"){
this._renderLineChart();
this._renderLineAxis();
}
}
}
};
PlotKit.SVGRenderer.prototype._renderBarOrLine=function(data,_247,_248,_249){
var _250=this.options.colorScheme.length;
var _251=this.options.colorScheme;
var _252=MochiKit.Base.keys(this.layout.datasets);
var _253=_252.length;
for(var i=0;i<_253;i++){
var _254=_252[i];
var _255=new Array();
var _256=_251[i%_250];
if(this.options.shouldFill){
_255["fill"]=_256.toRGBString();
}else{
_255["fill"]="none";
}
if(this.options.shouldStroke&&(this.options.strokeColor||this.options.strokeColorTransform)){
if(this.options.strokeColor){
_255["stroke"]=this.options.strokeColor.toRGBString();
}else{
if(this.options.strokeColorTransform){
_255["stroke"]=_256[this.options.strokeColorTransform]().toRGBString();
}
}
_255["strokeWidth"]=this.options.strokeWidth;
}
if(_248){
_248(_255);
}
var _257=function(obj){
if(obj.name==_254){
_247(_255,obj);
}
};
MochiKit.Iter.forEach(data,bind(_257,this));
if(_249){
_249(_255);
}
}
};
PlotKit.SVGRenderer.prototype._renderBarChart=function(){
var bind=MochiKit.Base.bind;
var _258=function(_259,bar){
var x=this.area.w*bar.x+this.area.x;
var y=this.area.h*bar.y+this.area.y;
var w=this.area.w*bar.w;
var h=this.area.h*bar.h;
this._drawRect(x,y,w,h,_259);
};
this._renderBarOrLine(this.layout.bars,bind(_258,this));
};
PlotKit.SVGRenderer.prototype._renderLineChart=function(){
var bind=MochiKit.Base.bind;
var _260=function(_261,_262){
this._tempPointsBuffer+=(this.area.w*_262.x+this.area.x)+","+(this.area.h*_262.y+this.area.y)+" ";
};
var _263=function(_264){
this._tempPointsBuffer="";
this._tempPointsBuffer+=(this.area.x)+","+(this.area.y+this.area.h)+" ";
};
var _265=function(_266){
this._tempPointsBuffer+=(this.area.w+this.area.x)+","+(this.area.h+this.area.y);
_266["points"]=this._tempPointsBuffer;
var elem=this.createSVGElement("polygon",_266);
this.root.appendChild(elem);
};
this._renderBarOrLine(this.layout.points,bind(_260,this),bind(_263,this),bind(_265,this));
};
PlotKit.SVGRenderer.prototype._renderPieChart=function(){
var _268=this.options.colorScheme.length;
var _269=this.layout.slices;
var _270=this.area.x+this.area.w*0.5;
var _271=this.area.y+this.area.h*0.5;
var _272=Math.min(this.area.w*this.options.pieRadius,this.area.h*this.options.pieRadius);
if(_269.length==1&&(Math.abs(_269[0].startAngle)-Math.abs(_269[0].endAngle)<0.1)){
var _273={"cx":_270,"cy":_271,"r":_272};
var _274=this.options.colorScheme[0];
if(this.options.shouldFill){
_273["fill"]=_274.toRGBString();
}else{
_273["fill"]="none";
}
if(this.options.shouldStroke&&(this.options.strokeColor||this.options.strokeColorTransform)){
if(this.options.strokeColor){
_273["stroke"]=this.options.strokeColor.toRGBString();
}else{
if(this.options.strokeColorTransform){
_273["stroke"]=_274[this.options.strokeColorTransform]().toRGBString();
}
}
_273["style"]="stroke-width: "+this.options.strokeWidth;
}
this.root.appendChild(this.createSVGElement("circle",_273));
return;
}
for(var i=0;i<_269.length;i++){
var _273=new Array();
var _274=this.options.colorScheme[i%_268];
if(this.options.shouldFill){
_273["fill"]=_274.toRGBString();
}else{
_273["fill"]="none";
}
if(this.options.shouldStroke&&(this.options.strokeColor||this.options.strokeColorTransform)){
if(this.options.strokeColor){
_273["stroke"]=this.options.strokeColor.toRGBString();
}else{
if(this.options.strokeColorTransform){
_273["stroke"]=_274[this.options.strokeColorTransform]().toRGBString();
}
}
_273["style"]="stroke-width:"+this.options.strokeWidth;
}
var _275=0;
if(Math.abs(_269[i].endAngle-_269[i].startAngle)>Math.PI){
_275=1;
}
var x1=Math.cos(_269[i].startAngle-Math.PI/2)*_272;
var y1=Math.sin(_269[i].startAngle-Math.PI/2)*_272;
var x2=Math.cos(_269[i].endAngle-Math.PI/2)*_272;
var y2=Math.sin(_269[i].endAngle-Math.PI/2)*_272;
var rx=x2-x1;
var ry=y2-y1;
var _282="M"+_270+","+_271+" ";
_282+="l"+x1+","+y1+" ";
_282+="a"+_272+","+_272+" 0 "+_275+",1 "+rx+","+ry+" z";
_273["d"]=_282;
var elem=this.createSVGElement("path",_273);
this.root.appendChild(elem);
}
};
PlotKit.SVGRenderer.prototype._renderBarAxis=function(){
this._renderAxis();
};
PlotKit.SVGRenderer.prototype._renderLineAxis=function(){
this._renderAxis();
};
PlotKit.SVGRenderer.prototype._renderAxis=function(){
if(!this.options.drawXAxis&&!this.options.drawYAxis){
return;
}
var _283={"style":{"position":"absolute","textAlign":"center","fontSize":this.options.axisLabelFontSize+"px","zIndex":10,"color":this.options.axisLabelColor.toRGBString(),"width":this.options.axisLabelWidth+"px","overflow":"hidden"}};
var _284={"stroke":this.options.axisLineColor.toRGBString(),"strokeWidth":this.options.axisLineWidth};
if(this.options.drawYAxis){
if(this.layout.yticks){
var _285=function(tick){
var x=this.area.x;
var y=this.area.y+tick[0]*this.area.h;
this._drawLine(x,y,x-3,y,_284);
if(this.options.axisLabelUseDiv){
var _286=DIV(_283,tick[1]);
_286.style.top=(y-this.options.axisLabelFontSize)+"px";
_286.style.left=(x-this.options.padding.left+this.options.axisTickSize)+"px";
_286.style.textAlign="left";
_286.style.width=(this.options.padding.left-3)+"px";
MochiKit.DOM.appendChildNodes(this.container,_286);
this.ylabels.push(_286);
}else{
var _287={y:y+3,x:(x-this.options.padding.left+3),width:(this.options.padding.left-this.options.axisTickSize)+"px",height:(this.options.axisLabelFontSize+3)+"px",fontFamily:"Arial",fontSize:this.options.axisLabelFontSize+"px",fill:this.options.axisLabelColor.toRGBString()};
var _286=this.createSVGElement("text",_287);
_286.appendChild(this.document.createTextNode(tick[1]));
this.root.appendChild(_286);
}
};
MochiKit.Iter.forEach(this.layout.yticks,bind(_285,this));
}
this._drawLine(this.area.x,this.area.y,this.area.x,this.area.y+this.area.h,_284);
}
if(this.options.drawXAxis){
if(this.layout.xticks){
var _285=function(tick){
var x=this.area.x+tick[0]*this.area.w;
var y=this.area.y+this.area.h;
this._drawLine(x,y,x,y+this.options.axisTickSize,_284);
if(this.options.axisLabelUseDiv){
var _288=DIV(_283,tick[1]);
_288.style.top=(y+this.options.axisTickSize)+"px";
_288.style.left=(x-this.options.axisLabelWidth/2)+"px";
_288.style.textAlign="center";
_288.style.width=this.options.axisLabelWidth+"px";
MochiKit.DOM.appendChildNodes(this.container,_288);
this.xlabels.push(_288);
}else{
var _289={y:(y+this.options.axisTickSize+this.options.axisLabelFontSize),x:x-3,width:this.options.axisLabelWidth+"px",height:(this.options.axisLabelFontSize+3)+"px",fontFamily:"Arial",fontSize:this.options.axisLabelFontSize+"px",fill:this.options.axisLabelColor.toRGBString(),textAnchor:"middle"};
var _288=this.createSVGElement("text",_289);
_288.appendChild(this.document.createTextNode(tick[1]));
this.root.appendChild(_288);
}
};
MochiKit.Iter.forEach(this.layout.xticks,bind(_285,this));
}
this._drawLine(this.area.x,this.area.y+this.area.h,this.area.x+this.area.w,this.area.y+this.area.h,_284);
}
};
PlotKit.SVGRenderer.prototype._renderPieAxis=function(){
if(this.layout.xticks){
var _290=new Array();
for(var i=0;i<this.layout.slices.length;i++){
_290[this.layout.slices[i].xval]=this.layout.slices[i];
}
var _291=this.area.x+this.area.w*0.5;
var _292=this.area.y+this.area.h*0.5;
var _293=Math.min(this.area.w*this.options.pieRadius+10,this.area.h*this.options.pieRadius+10);
var _294=this.options.axisLabelWidth;
for(var i=0;i<this.layout.xticks.length;i++){
var _295=_290[this.layout.xticks[i][0]];
if(MochiKit.Base.isUndefinedOrNull(_295)){
continue;
}
var _296=(_295.startAngle+_295.endAngle)/2;
var _297=_296;
if(_297>Math.PI*2){
_297=_297-Math.PI*2;
}else{
if(_297<0){
_297=_297+Math.PI*2;
}
}
var _298=_291+Math.sin(_297)*(_293+10);
var _299=_292-Math.cos(_297)*(_293+10);
var _300={"position":"absolute","zIndex":11,"width":_294+"px","fontSize":this.options.axisLabelFontSize+"px","overflow":"hidden","color":this.options.axisLabelColor.toHexString()};
var _301={"width":_294+"px","fontSize":this.options.axisLabelFontSize+"px","height":(this.options.axisLabelFontSize+3)+"px","fill":this.options.axisLabelColor.toRGBString()};
if(_297<=Math.PI*0.5){
MochiKit.Base.update(_300,{"textAlign":"left","verticalAlign":"top","left":_298+"px","top":(_299-this.options.axisLabelFontSize)+"px"});
MochiKit.Base.update(_301,{"x":_298,"y":(_299-this.options.axisLabelFontSize),"textAnchor":"left"});
}else{
if((_297>Math.PI*0.5)&&(_297<=Math.PI)){
MochiKit.Base.update(_300,{"textAlign":"left","verticalAlign":"bottom","left":_298+"px","top":_299+"px"});
MochiKit.Base.update(_301,{"textAnchor":"left","x":_298,"y":_299});
}else{
if((_297>Math.PI)&&(_297<=Math.PI*1.5)){
MochiKit.Base.update(_300,{"textAlign":"right","verticalAlign":"bottom","left":_298+"px","top":_299+"px"});
MochiKit.Base.update(_301,{"textAnchor":"right","x":_298-_294,"y":_299});
}else{
MochiKit.Base.update(_300,{"textAlign":"left","verticalAlign":"bottom","left":_298+"px","top":_299+"px"});
MochiKit.Base.update(_301,{"textAnchor":"left","x":_298-_294,"y":_299-this.options.axisLabelFontSize});
}
}
}
if(this.options.axisLabelUseDiv){
var _302=DIV({"style":_300},this.layout.xticks[i][1]);
this.xlabels.push(_302);
MochiKit.DOM.appendChildNodes(this.container,_302);
}else{
var _302=this.createSVGElement("text",_301);
_302.appendChild(this.document.createTextNode(this.layout.xticks[i][1]));
this.root.appendChild(_302);
}
}
}
};
PlotKit.SVGRenderer.prototype._renderBackground=function(){
var opts={"stroke":"none","fill":this.options.backgroundColor.toRGBString()};
this._drawRect(0,0,this.width,this.height,opts);
};
PlotKit.SVGRenderer.prototype._drawRect=function(x,y,w,h,_304){
var _305={x:x+"px",y:y+"px",width:w+"px",height:h+"px"};
if(_304){
MochiKit.Base.update(_305,_304);
}
var elem=this.createSVGElement("rect",_305);
this.root.appendChild(elem);
};
PlotKit.SVGRenderer.prototype._drawLine=function(x1,y1,x2,y2,_306){
var _307={x1:x1+"px",y1:y1+"px",x2:x2+"px",y2:y2+"px"};
if(_306){
MochiKit.Base.update(_307,_306);
}
var elem=this.createSVGElement("line",_307);
this.root.appendChild(elem);
};
PlotKit.SVGRenderer.prototype.clear=function(){
while(this.element.firstChild){
this.element.removeChild(this.element.firstChild);
}
if(this.options.axisLabelUseDiv){
for(var i=0;i<this.xlabels.length;i++){
MochiKit.DOM.removeElement(this.xlabels[i]);
}
for(var i=0;i<this.ylabels.length;i++){
MochiKit.DOM.removeElement(this.ylabels[i]);
}
}
this.xlabels=new Array();
this.ylabels=new Array();
};
PlotKit.SVGRenderer.prototype.createSVGElement=function(name,_309){
var _310=MochiKit.Base.isUndefinedOrNull;
var elem;
var doc=_310(this.document)?document:this.document;
try{
elem=doc.createElementNS(PlotKit.SVGRenderer.SVGNS,name);
}
catch(e){
elem=doc.createElement(name);
elem.setAttribute("xmlns",PlotKit.SVGRenderer.SVGNS);
}
if(_309){
MochiKit.DOM.updateNodeAttributes(elem,_309);
}
return elem;
};
PlotKit.SVGRenderer.SVG=function(_312){
var ie=navigator.appVersion.match(/MSIE (\d\.\d)/);
var _313=(navigator.userAgent.toLowerCase().indexOf("opera")!=-1);
if(ie&&(ie[1]>=6)&&(!_313)){
var _314=_312["width"]?_312["width"]:"100";
var _315=_312["height"]?_312["height"]:"100";
var eid=_312["id"]?_312["id"]:"notunique";
var html="<svg:svg width=\""+_314+"\" height=\""+_315+"\" ";
html+="id=\""+eid+"\" version=\"1.1\" baseProfile=\"full\" />";
var _318=document.createElement(html);
var _319=_318.getSVGDocument().createElementNS(PlotKit.SVGRenderer.SVGNS,"svg");
_319.setAttribute("width",_314);
_319.setAttribute("height",_315);
_318.getSVGDocument().appendChild(_319);
return _318;
}else{
return PlotKit.SVGRenderer.prototype.createSVGElement("svg",_312);
}
};
PlotKit.SVGRenderer.isSupported=function(){
var _320=(navigator.userAgent.toLowerCase().indexOf("opera")!=-1);
var _321=navigator.appVersion.match(/MSIE (\d\.\d)/);
var _322=navigator.userAgent.match(/AppleWebKit\/(\d+)/);
var _323=navigator.userAgent.match(/Opera\/(\d*\.\d*)/);
var _324=navigator.userAgent.match(/rv:(\d*\.\d*).*Gecko/);
var _325="http://www.w3.org/TR/SVG11/feature#SVG";
if(_321&&(_321[1]>=6)&&!_320){
return document.implementation.hasFeature(_325,"1.1");
}
if(_323&&(_323[1]>8.9)){
return true;
}
if(_324&&(_324>1.7)){
return true;
}
return false;
};
PlotKit.SVG={};
PlotKit.SVG.SVGRenderer=PlotKit.SVGRenderer;
PlotKit.SVG.EXPORT=["SVGRenderer"];
PlotKit.SVG.EXPORT_OK=["SVGRenderer"];
PlotKit.SVG.__new__=function(){
var m=MochiKit.Base;
m.nameFunctions(this);
this.EXPORT_TAGS={":common":this.EXPORT,":all":m.concat(this.EXPORT,this.EXPORT_OK)};
};
PlotKit.SVG.__new__();
MochiKit.Base._exportSymbols(this,PlotKit.SVG);
try{
if(typeof (PlotKit.CanvasRenderer)=="undefined"){
throw "";
}
}
catch(e){
throw "SweetCanvas depends on MochiKit.{Base,Color,DOM,Format} and PlotKit.{Layout, Canvas}";
}
if(typeof (PlotKit.SweetCanvasRenderer)=="undefined"){
PlotKit.SweetCanvasRenderer={};
}
PlotKit.SweetCanvasRenderer=function(_326,_327,_328){
if(arguments.length>0){
this.__init__(_326,_327,_328);
}
};
PlotKit.SweetCanvasRenderer.NAME="PlotKit.SweetCanvasRenderer";
PlotKit.SweetCanvasRenderer.VERSION=PlotKit.VERSION;
PlotKit.SweetCanvasRenderer.__repr__=function(){
return "["+this.NAME+" "+this.VERSION+"]";
};
PlotKit.SweetCanvasRenderer.toString=function(){
return this.__repr__();
};
PlotKit.SweetCanvasRenderer.prototype=new PlotKit.CanvasRenderer();
PlotKit.SweetCanvasRenderer.prototype.constructor=PlotKit.SweetCanvasRenderer;
PlotKit.SweetCanvasRenderer.__super__=PlotKit.CanvasRenderer.prototype;
PlotKit.SweetCanvasRenderer.prototype.__init__=function(el,_330,opts){
var _331=PlotKit.Base.officeBlue();
MochiKit.Base.update(_331,opts);
PlotKit.SweetCanvasRenderer.__super__.__init__.call(this,el,_330,_331);
};
PlotKit.SweetCanvasRenderer.prototype._renderBarChart=function(){
var bind=MochiKit.Base.bind;
var _332=Color.blackColor().colorWithAlpha(0.1).toRGBString();
var _333=function(_334,x,y,w,h){
_334.fillStyle=_332;
_334.fillRect(x-2,y-2,w+4,h+2);
_334.fillStyle=_332;
_334.fillRect(x-1,y-1,w+2,h+1);
};
var _335=this.options.colorScheme.length;
var _336=this.options.colorScheme;
var _337=PlotKit.Base.keys(this.layout.datasets);
var _338=_337.length;
var _339=function(name){
for(var i=0;i<_338;i++){
if(name==_337[i]){
return _336[i%_335];
}
}
return _336[0];
};
var _340=function(_341,bar){
var x=this.area.w*bar.x+this.area.x;
var y=this.area.h*bar.y+this.area.y;
var w=this.area.w*bar.w;
var h=this.area.h*bar.h;
if((w<1)||(h<1)){