charting.js

在流览器上仿CS界面的JAVASCRIPT脚本

this._textPathEl.style.fontSize=n+"px";};function BiChartValueAxis(oGraph)
{BiChartValueAxisBase.call(this,oGraph);this._majorTicks=BiGraph._createVmlElement();this._minorTicks=BiGraph._createVmlElement();this._axisLine=BiGraph._createVmlElement();this._majorTicks.setVisible(this._showMajorTicks);this._minorTicks.setVisible(this._showMinorTicks);this.setStyleProperty("antialias","false");this.add(this._minorTicks);this.add(this._majorTicks);this.add(this._axisLine);this.setLocation(0,0);this.setSize(1000,1000);};_p=BiChartValueAxis.prototype=new BiChartValueAxisBase;_p._className="BiChartValueAxis";_p._tagName="v:group";_p._showMajorTicks=true;_p._showMinorTicks=true;_p._updateCoordSize=function(sCoordSize,sCoordOrigin){var p=sCoordSize.split(",");var w=Number(p[0]),h=Number(p[1]);p=sCoordOrigin.split(",");var x=Number(p[0]),y=Number(p[1]);this._coordSize=this._graph._getCategoryOnXAxis()?w:h;this.setHtmlProperty("coordsize",sCoordSize);this._majorTicks.setHtmlProperty("coordsize",sCoordSize);this._minorTicks.setHtmlProperty("coordsize",sCoordSize);this._axisLine.setHtmlProperty("coordsize",sCoordSize);this.setHtmlProperty("coordorigin",sCoordOrigin);this._majorTicks.setHtmlProperty("coordorigin",sCoordOrigin);this._minorTicks.setHtmlProperty("coordorigin",sCoordOrigin);this._axisLine.setHtmlProperty("coordorigin",sCoordOrigin);this._majorTicks.setLocation(x,y);this._majorTicks.setSize(w,h);this._minorTicks.setLocation(x,y);this._minorTicks.setSize(w,h);this._axisLine.setLocation(x,y);this._axisLine.setSize(w,h);var s=this._graph.getSeries();var c;for(var i=0;i<s.length;i++){c=this._graph.getChartForSeries(s[i]);if(c)
c._updateCoordSize(sCoordSize,sCoordOrigin);}
this._updateMajorTicks();this._updateMinorTicks();this._updateAxisLine();this._updateLabels();};_p._updateAxisLine=function(){var min=Math.round(this.getMinimum()*this._graph._scaleFactor);var max=Math.round(this.getMaximum()*this._graph._scaleFactor);var x0=0;var onX=this._graph._getCategoryOnXAxis();var sb=[];var y=min;if(onX)
this._axisLine.setHtmlProperty("path","m "+x0+","+min+" l "+x0+","+max);else this._axisLine.setHtmlProperty("path","m "+min+","+x0+" l "+max+","+x0);};_p._updateMajorTicks=function(){if(this._showMajorTicks){var min=this.getMinimum();var max=this.getMaximum();var major=this.getMajorTickInterval();var x0=0;var x1= -0.5*1000;var onX=this._graph._getCategoryOnXAxis();var sb=[];var y=min;if(y/major%1!=0)
y=y+(min<0?0:major)-y%major;var y2;while(y<=max){y2=Math.round(y*this._graph._scaleFactor);if(onX)
sb.push("m "+x0+","+y2+" l "+x1+","+y2);else sb.push("m "+y2+","+x0+" l "+y2+","+x1);y+=major;y=Math.round(y/major)*major;}
this._majorTicks.setHtmlProperty("path",sb.join("")+"e");}};_p._updateMinorTicks=function(){if(this._showMinorTicks){var min=this.getMinimum();var max=this.getMaximum();var minor=this.getMinorTickInterval();var x0=0;var x1= -0.25*1000;var onX=this._graph._getCategoryOnXAxis();var sb=[];var y=min;if(y/minor%1!=0)
y=y+(min<0?0:minor)-y%minor;var y2;while(y<=max){y2=Math.round(y*this._graph._scaleFactor);if(onX)
sb.push("m "+x0+","+y2+" l "+x1+","+y2);else sb.push("m "+y2+","+x0+" l "+y2+","+x1);y+=minor;y=Math.round(y/minor)*minor;}
this._minorTicks.setHtmlProperty("path",sb.join("")+"e");}};_p._updateLabels=function(){if(!this._created)return;var tmp;for(var i=this._labels.length-1;i>=0;i--){tmp=this._labels[i];this.remove(tmp);tmp.dispose();}
this._labels=[];if(this._showLabels){var min=this.getMinimum();var max=this.getMaximum();var major=this.getMajorTickInterval();var y=min;if(y/major%1!=0)
y=y+(min<0?0:major)-y%major;var x2,l,ys;var onX=this._graph._getCategoryOnXAxis();var percentage=this._graph._getPercentageStack();while(y<=max){y2=Math.round(y*this._graph._scaleFactor);if(percentage)
ys=Math.round(y*100)+"%";else ys=y;l=new BiVmlLabel(ys);l.setFontSize(this._fontSize);if(onX){l.setAlign("right");l.setLocation(-1000,y2);}
else{l.setAlign("center");l.setLocation(y2,-2*1000);}
this.add(l);this._labels.push(l);y+=major;y=Math.round(y/major)*major;}}};_p.setFontSize=function(n)
{this._fontSize=n;for(var i=0;i<this._labels.length;i++)
this._labels[i].setFontSize(n);};_p.setVisible=function(b)
{this._desiredVisible=b;BiChartValueAxisBase.prototype.setVisible.call(this,b&&this._graph._getSupportsValueAxis());};BiChartValueAxis.fromXmlElement=function(oGraph,oNode){var ax=new BiChartValueAxis(oGraph);ax.fromXmlElement(oNode);return ax;};function BiChartCategoryAxis(oGraph)
{BiChartCategoryAxisBase.call(this,oGraph);this._majorTicks=BiGraph._createVmlElement();this._minorTicks=BiGraph._createVmlElement();this._axisLine=BiGraph._createVmlElement();this._majorTicks.setVisible(this._showMajorTicks);this._minorTicks.setVisible(this._showMinorTicks);this.setStyleProperty("antialias","false");this.add(this._minorTicks);this.add(this._majorTicks);this.add(this._axisLine);this.setLocation(0,0);this.setSize(1000,1000);};var _p=BiChartCategoryAxis.prototype=new BiChartCategoryAxisBase;_p._className="BiChartCategoryAxis";_p._tagName="v:group";_p._updateCoordSize=function(sCoordSize,sCoordOrigin){var p=sCoordSize.split(",")
var w=Number(p[0]),h=Number(p[1]);p=sCoordOrigin.split(",")
var x=Number(p[0]),y=Number(p[1]);this._coordSize=this._graph._getCategoryOnXAxis()?h:w;this.setHtmlProperty("coordsize",sCoordSize);this._majorTicks.setHtmlProperty("coordsize",sCoordSize);this._minorTicks.setHtmlProperty("coordsize",sCoordSize);this._axisLine.setHtmlProperty("coordsize",sCoordSize);this.setHtmlProperty("coordorigin",sCoordOrigin);this._majorTicks.setHtmlProperty("coordorigin",sCoordOrigin);this._minorTicks.setHtmlProperty("coordorigin",sCoordOrigin);this._axisLine.setHtmlProperty("coordorigin",sCoordOrigin);this._minorTicks.setLocation(x,y);this._minorTicks.setSize(w,h);this._majorTicks.setLocation(x,y);this._majorTicks.setSize(w,h);this._axisLine.setLocation(x,y);this._axisLine.setSize(w,h);this._updateMajorTicks();this._updateMinorTicks();this._updateAxisLine();this._updateLabels();};_p._updateAxisLine=function(){var y0=0;var max=this._graph._categoryAxis.getMaximum()*this._graph._catScaleFactor;var min=0;var onX=this._graph._getCategoryOnXAxis();if(onX)
this._axisLine.setHtmlProperty("path","m "+min+","+y0+" l "+max+","+y0);else this._axisLine.setHtmlProperty("path","m "+y0+","+min+" l "+y0+","+max);};_p._updateMajorTicks=function(){if(this._showMajorTicks){var y0=0;var y1=Math.round(y0-0.01*this._coordSize);var major=this._graph._categoryAxis.getMajorTickInterval();var catMax=this._graph._categoryAxis.getMaximum();var sb=[];var x=0;var onX=this._graph._getCategoryOnXAxis();var x2;while(x<=catMax){x2=Math.round(x*this._graph._catScaleFactor);if(onX)
sb.push("m "+x2+","+y0+" l "+x2+","+y1);else sb.push("m "+y0+","+x2+" l "+y1+","+x2);x+=major;x=Math.round(x/major)*major;}
this._majorTicks.setHtmlProperty("path",sb.join("")+"e");}};_p._updateMinorTicks=function(){if(this._showMinorTicks){var y0=0;var y1=Math.round(y0-0.005*this._coordSize);var minor=this._graph._categoryAxis.getMinorTickInterval();var catMax=this._graph._categoryAxis.getMaximum();var sb=[];var x=minor;var onX=this._graph._getCategoryOnXAxis();var x2;while(x<catMax){x2=Math.round(x*this._graph._catScaleFactor);if(onX)
sb.push("m "+x2+","+y0+" l "+x2+","+y1);else sb.push("m "+y0+","+x2+" l "+y1+","+x2);x+=minor;x=Math.round(x/minor)*minor;}
this._minorTicks.setHtmlProperty("path",sb.join("")+"e");}};_p._updateLabels=function(){if(!this._created)return;var tmp;for(var i=this._labels.length-1;i>=0;i--){tmp=this._labels[i];this.remove(tmp);tmp.dispose();}
this._labels=[];if(this._showLabels){var y0=Math.round(this._graph._valueAxis.getMinimum()*this._graph._scaleFactor);var major=this._graph._categoryAxis.getMajorTickInterval();var catMax=this._graph._categoryAxis.getMaximum();var x=this._axisBetweenCategories?0.5:0;var cats=this._graph.getCategories();var x2,l;var onX=this._graph._getCategoryOnXAxis();while(x<=catMax){x2=Math.round(x*this._graph._catScaleFactor);l=new BiVmlLabel(cats[Math.floor(x)].getTitle());l.setFontSize(this._fontSize);if(onX){l.setLocation(x2,-.04*this._coordSize);l.setAlign("center");}
else{l.setLocation(-.02*this._coordSize,x2);l.setAlign("right");}
this.add(l);this._labels.push(l);x+=major;}}};_p.setFontSize=function(n){this._fontSize=n;for(var i=0;i<this._labels.length;i++)
this._labels[i].setFontSize(n);};_p.setVisible=function(b){this._desiredVisible=b;BiComponent.prototype.setVisible.call(this,b&&this._graph._getSupportsCategoryAxis());};BiChartCategoryAxis.fromXmlElement=function(oGraph,oNode){var ax=new BiChartCategoryAxis(oGraph);ax.fromXmlElement(oNode);return ax;};function BiChartGridLines(oGraph)
{BiChartGridLinesBase.call(this,oGraph);this.setStyleProperty("antialias","false");BiGraph._vmlComponent1000(this);this._minorCategory=BiGraph._createVmlElement();this._minorValue=BiGraph._createVmlElement();this._majorCategory=BiGraph._createVmlElement();this._majorValue=BiGraph._createVmlElement();BiGraph._vmlComponent1000(this._minorCategory);BiGraph._vmlComponent1000(this._minorValue);BiGraph._vmlComponent1000(this._majorCategory);BiGraph._vmlComponent1000(this._majorValue);this._minorCategory.setVisible(this.getShowMinorCategory());this._minorValue.setVisible(this.getShowMinorValue());this._majorCategory.setVisible(this.getShowMajorCategory());this._majorValue.setVisible(this.getShowMajorValue());this._minorCategory.setHtmlProperty("strokecolor",this.getMinorCategoryStrokeColor());this._minorValue.setHtmlProperty("strokecolor",this.getMajorCategoryStrokeColor());this._majorCategory.setHtmlProperty("strokecolor",this.getMinorValueStrokeColor());this._majorValue.setHtmlProperty("strokecolor",this.getMajorValueStrokeColor());this.add(this._minorCategory);this.add(this._minorValue);this.add(this._majorCategory);this.add(this._majorValue);};var _p=BiChartGridLines.prototype=new BiChartGridLinesBase;_p._className="BiChartGridLines";_p._tagName="v:group";_p.setShowMinorValue=function(b)
{BiChartGridLinesBase.prototype.setShowMinorValue.call(this,b);this._minorValue.setVisible(b);};_p.setShowMajorValue=function(b)
{BiChartGridLinesBase.prototype.setShowMajorValue.call(this,b);this._majorValue.setVisible(b);};_p.setShowMinorCategory=function(b)
{BiChartGridLinesBase.prototype.setShowMinorCategory.call(this,b);this._minorCategory.setVisible(b);};_p.setShowMajorCategory=function(b)
{BiChartGridLinesBase.prototype.setShowMajorCategory.call(this,b);this._majorCategory.setVisible(b);};_p.setMinorCategoryStrokeColor=function(s){this._minorCategoryStrokeColor=s;this._minorCategory.setHtmlProperty("stroked",s!="transparent");this._minorCategory.setHtmlProperty("strokecolor",s);};_p.setMajorCategoryStrokeColor=function(s){this._majorCategoryStrokeColor=s;this._majorCategory.setHtmlProperty("stroked",s!="transparent");this._majorCategory.setHtmlProperty("strokecolor",s);};_p.setMinorValueStrokeColor=function(s){this._minorValueStrokeColor=s;this._minorValue.setHtmlProperty("stroked",s!="transparent");this._minorValue.setHtmlProperty("strokecolor",s);};_p.setMajorValueStrokeColor=function(s){this._majorValueStrokeColor=s;this._majorValue.setHtmlProperty("stroked",s!="transparent");this._majorValue.setHtmlProperty("strokecolor",s);};_p.dispose=function(){if(this._disposed)return;BiChartGridLinesBase.prototype.dispose.call(this);this._graph=null;this._minorValue=null;this._majorValue=null;this._minorCategory=null;this._majorCategory=null;};_p._updateCoordSize=function(sCoordSize,sCoordOrigin){this._minorCategory.setHtmlProperty("coordsize",sCoordSize);this._minorValue.setHtmlProperty("coordsize",sCoordSize);this._majorCategory.setHtmlProperty("coordsize",sCoordSize);this._majorValue.setHtmlProperty("coordsize",sCoordSize);this._minorCategory.setHtmlProperty("coordorigin",sCoordOrigin);this._minorValue.setHtmlProperty("coordorigin",sCoordOrigin);this._majorCategory.setHtmlProperty("coordorigin",sCoordOrigin);this._majorValue.setHtmlProperty("coordorigin",sCoordOrigin);this._updateMajorValue();this._updateMinorValue();this._updateMajorCategory();this._updateMinorCategory();};_p._updateMajorValue=function(){if(this.getShowMajorValue()){var min=this._graph._valueAxis.getMinimum();var max=this._graph._valueAxis.getMaximum();var major=this._graph._valueAxis.getMajorTickInterval();var catCoordSize=this._graph._categoryAxis.getMaximum();var x0=0;var x1=Math.round(catCoordSize*this._graph._catScaleFactor);var onX=this._graph._getCategoryOnXAxis();var sb=[];var y=min;if(y%major!=0)
y=y+(min<0?0:major)-y%major;var y2;while(y<=max){y2=Math.round(y*this._graph._scaleFactor);if(onX)
sb.push("m "+x0+","+y2+" l "+x1+","+y2);else sb.push("m "+y2+","+x0+" l "+y2+","+x1);y+=major;}
this._majorValue.setHtmlProperty("path",sb.join("")+"e");}};_p._updateMinorValue=function(){if(this.getShowMinorValue()){var min=this._graph._valueAxis.getMinimum();var max=this._graph._valueAxis.getMaximum();var minor=this._graph._valueAxis.getMinorTickInterval();var catCoordSize=this._graph._categoryAxis.getMaximum();var x0=0;var x1=Math.round(catCoordSize*this._graph._catScaleFactor);var onX=this._graph._getCategoryOnXAxis();var sb=[];var y=min;if(y%minor!=0)
y=y+(min<0?0:minor)-y%minor;var y2;while(y<=max){y2=Math.round(y*this._graph._scaleFactor);if(onX)