if(!dojo._hasResource["dojox.charting.axis2d.Default"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code. dojo._hasResource["dojox.charting.axis2d.Default"] = true; dojo.provide("dojox.charting.axis2d.Default"); dojo.require("dojox.charting.scaler"); dojo.require("dojox.charting.axis2d.common"); dojo.require("dojox.charting.axis2d.Base"); dojo.require("dojo.colors"); dojo.require("dojox.gfx"); dojo.require("dojox.lang.functional"); dojo.require("dojox.lang.utils"); (function(){ var dc = dojox.charting, df = dojox.lang.functional, du = dojox.lang.utils, g = dojox.gfx, labelGap = 4; // in pixels var eq = function(/* Number */ a, /* Number */ b){ // summary: compare two FP numbers for equality return Math.abs(a - b) <= 1e-6 * (Math.abs(a) + Math.abs(b)); // Boolean }; dojo.declare("dojox.charting.axis2d.Default", dojox.charting.axis2d.Base, { defaultParams: { vertical: false, // true for vertical axis fixUpper: "none", // align the upper on ticks: "major", "minor", "micro", "none" fixLower: "none", // align the lower on ticks: "major", "minor", "micro", "none" natural: false, // all tick marks should be made on natural numbers leftBottom: true, // position of the axis, used with "vertical" includeZero: false, // 0 should be included fixed: true, // all labels are fixed numbers majorLabels: true, // draw major labels minorTicks: true, // draw minor ticks minorLabels: true, // draw minor labels microTicks: false, // draw micro ticks htmlLabels: true // use HTML to draw labels }, optionalParams: { "min": 0, // minimal value on this axis "max": 1, // maximal value on this axis "majorTickStep": 4, // major tick step "minorTickStep": 2, // minor tick step "microTickStep": 1, // micro tick step "labels": [], // array of labels for major ticks // with corresponding numeric values // ordered by values // theme components "stroke": {}, // stroke for an axis "majorTick": {}, // stroke + length for a tick "minorTick": {}, // stroke + length for a tick "font": "", // font for labels "fontColor": "" // color for labels as a string }, constructor: function(chart, kwArgs){ this.opt = dojo.clone(this.defaultParams); du.updateWithObject(this.opt, kwArgs); du.updateWithPattern(this.opt, kwArgs, this.optionalParams); }, dependOnData: function(){ return !("min" in this.opt) || !("max" in this.opt); }, clear: function(){ delete this.scaler; this.dirty = true; return this; }, initialized: function(){ return "scaler" in this; }, calculate: function(min, max, span, labels){ if(this.initialized()){ return this; } this.labels = "labels" in this.opt ? this.opt.labels : labels; if("min" in this.opt){ min = this.opt.min; } if("max" in this.opt){ max = this.opt.max; } if(this.opt.includeZero){ if(min > 0){ min = 0; } if(max < 0){ max = 0; } } var minMinorStep = 0, ta = this.chart.theme.axis, taFont = "font" in this.opt ? this.opt.font : ta.font, size = taFont ? g.normalizedLength(g.splitFontString(taFont).size) : 0; if(this.vertical){ if(size){ minMinorStep = size + labelGap; } }else{ if(size){ var labelWidth, i; if(this.labels){ labelWidth = df.foldl(df.map(this.labels, function(label){ return dojox.gfx._base._getTextBox(label.text, {font: taFont}).w; }), "Math.max(a, b)", 0); }else{ var labelLength = Math.ceil(Math.log(Math.max(Math.abs(min), Math.abs(max))) / Math.LN10), t = []; if(min < 0 || max < 0){ t.push("-"); } for(i = 0; i < labelLength; ++i){ t.push("9"); } var precision = Math.floor(Math.log(max - min) / Math.LN10); if(precision > 0){ t.push("."); for(i = 0; i < precision; ++i){ t.push("9"); } } labelWidth = dojox.gfx._base._getTextBox(t.join(""), {font: taFont}).w; } minMinorStep = labelWidth + labelGap; } } var kwArgs = { fixUpper: this.opt.fixUpper, fixLower: this.opt.fixLower, natural: this.opt.natural }; if("majorTickStep" in this.opt){ kwArgs.majorTick = this.opt.majorTickStep; } if("minorTickStep" in this.opt){ kwArgs.minorTick = this.opt.minorTickStep; } if("microTickStep" in this.opt){ kwArgs.microTick = this.opt.microTickStep; } this.scaler = dojox.charting.scaler(min, max, span, kwArgs); this.scaler.minMinorStep = minMinorStep; return this; }, getScaler: function(){ return this.scaler; }, getOffsets: function(){ var offsets = {l: 0, r: 0, t: 0, b: 0}, s, labelWidth, gtb, a, b, c, d; var offset = 0, ta = this.chart.theme.axis, taFont = "font" in this.opt ? this.opt.font : ta.font, taMajorTick = "majorTick" in this.opt ? this.opt.majorTick : ta.majorTick, taMinorTick = "minorTick" in this.opt ? this.opt.minorTick : ta.minorTick, size = taFont ? g.normalizedLength(g.splitFontString(taFont).size) : 0; if(this.vertical){ if(size){ s = this.scaler; if(this.labels){ labelWidth = df.foldl(df.map(this.labels, function(label){ return dojox.gfx._base._getTextBox(label.text, {font: taFont}).w; }), "Math.max(a, b)", 0); }else{ gtb = dojox.gfx._base._getTextBox; a = gtb(this._getLabel(s.major.start, s.major.prec), {font: taFont}).w; b = gtb(this._getLabel(s.major.start + s.major.count * s.major.tick, s.major.prec), {font: taFont}).w; c = gtb(this._getLabel(s.minor.start, s.minor.prec), {font: taFont}).w; d = gtb(this._getLabel(s.minor.start + s.minor.count * s.minor.tick, s.minor.prec), {font: taFont}).w; labelWidth = Math.max(a, b, c, d); } offset = labelWidth + labelGap; } offset += labelGap + Math.max(taMajorTick.length, taMinorTick.length); offsets[this.opt.leftBottom ? "l" : "r"] = offset; offsets.t = offsets.b = size / 2; }else{ if(size){ offset = size + labelGap; } offset += labelGap + Math.max(taMajorTick.length, taMinorTick.length); offsets[this.opt.leftBottom ? "b" : "t"] = offset; if(size){ s = this.scaler; if(this.labels){ labelWidth = df.foldl(df.map(this.labels, function(label){ return dojox.gfx._base._getTextBox(label.text, {font: taFont}).w; }), "Math.max(a, b)", 0); }else{ gtb = dojox.gfx._base._getTextBox; a = gtb(this._getLabel(s.major.start, s.major.prec), {font: taFont}).w; b = gtb(this._getLabel(s.major.start + s.major.count * s.major.tick, s.major.prec), {font: taFont}).w; c = gtb(this._getLabel(s.minor.start, s.minor.prec), {font: taFont}).w; d = gtb(this._getLabel(s.minor.start + s.minor.count * s.minor.tick, s.minor.prec), {font: taFont}).w; labelWidth = Math.max(a, b, c, d); } offsets.l = offsets.r = labelWidth / 2; } } return offsets; }, render: function(dim, offsets){ if(!this.dirty){ return this; } // prepare variable var start, stop, axisVector, tickVector, labelOffset, labelAlign, ta = this.chart.theme.axis, taStroke = "stroke" in this.opt ? this.opt.stroke : ta.stroke, taMajorTick = "majorTick" in this.opt ? this.opt.majorTick : ta.majorTick, taMinorTick = "minorTick" in this.opt ? this.opt.minorTick : ta.minorTick, taFont = "font" in this.opt ? this.opt.font : ta.font, taFontColor = "fontColor" in this.opt ? this.opt.fontColor : ta.fontColor, tickSize = Math.max(taMajorTick.length, taMinorTick.length), size = taFont ? g.normalizedLength(g.splitFontString(taFont).size) : 0; if(this.vertical){ start = {y: dim.height - offsets.b}; stop = {y: offsets.t}; axisVector = {x: 0, y: -1}; if(this.opt.leftBottom){ start.x = stop.x = offsets.l; tickVector = {x: -1, y: 0}; labelAlign = "end"; }else{ start.x = stop.x = dim.width - offsets.r; tickVector = {x: 1, y: 0}; labelAlign = "start"; } labelOffset = {x: tickVector.x * (tickSize + labelGap), y: size * 0.4}; }else{ start = {x: offsets.l}; stop = {x: dim.width - offsets.r}; axisVector = {x: 1, y: 0}; labelAlign = "middle"; if(this.opt.leftBottom){ start.y = stop.y = dim.height - offsets.b; tickVector = {x: 0, y: 1}; labelOffset = {y: tickSize + labelGap + size}; }else{ start.y = stop.y = offsets.t; tickVector = {x: 0, y: -1}; labelOffset = {y: -tickSize - labelGap}; } labelOffset.x = 0; } // render shapes this.cleanGroup(); var s = this.group, c = this.scaler, step, next, nextMajor = c.major.start, nextMinor = c.minor.start, nextMicro = c.micro.start; s.createLine({x1: start.x, y1: start.y, x2: stop.x, y2: stop.y}).setStroke(taStroke); if(this.opt.microTicks && c.micro.tick){ step = c.micro.tick, next = nextMicro; }else if(this.opt.minorTicks && c.minor.tick){ step = c.minor.tick, next = nextMinor; }else if(c.major.tick){ step = c.major.tick, next = nextMajor; }else{ // don't draw anything return this; } while(next <= c.bounds.upper + 1/c.scale){ var offset = (next - c.bounds.lower) * c.scale, x = start.x + axisVector.x * offset, y = start.y + axisVector.y * offset, elem; if(Math.abs(nextMajor - next) < step / 2){ // major tick s.createLine({ x1: x, y1: y, x2: x + tickVector.x * taMajorTick.length, y2: y + tickVector.y * taMajorTick.length }).setStroke(taMajorTick); if(this.opt.majorLabels){ elem = dc.axis2d.common.createText[this.opt.htmlLabels && dojox.gfx.renderer != "vml" ? "html" : "gfx"] (this.chart, s, x + labelOffset.x, y + labelOffset.y, labelAlign, this._getLabel(nextMajor, c.major.prec), taFont, taFontColor); if(this.opt.htmlLabels){ this.htmlElements.push(elem); } } nextMajor += c.major.tick; nextMinor += c.minor.tick; nextMicro += c.micro.tick; }else if(Math.abs(nextMinor - next) < step / 2){ // minor tick if(this.opt.minorTicks){ s.createLine({ x1: x, y1: y, x2: x + tickVector.x * taMinorTick.length, y2: y + tickVector.y * taMinorTick.length }).setStroke(taMinorTick); if(this.opt.minorLabels && (c.minMinorStep <= c.minor.tick * c.scale)){ elem = dc.axis2d.common.createText[this.opt.htmlLabels && dojox.gfx.renderer != "vml" ? "html" : "gfx"] (this.chart, s, x + labelOffset.x, y + labelOffset.y, labelAlign, this._getLabel(nextMinor, c.minor.prec), taFont, taFontColor); if(this.opt.htmlLabels){ this.htmlElements.push(elem); } } } nextMinor += c.minor.tick; nextMicro += c.micro.tick; }else{ // micro tick if(this.opt.microTicks){ s.createLine({ x1: x, y1: y, // use minor ticks for now x2: x + tickVector.x * taMinorTick.length, y2: y + tickVector.y * taMinorTick.length }).setStroke(taMinorTick); } nextMicro += c.micro.tick; } next += step; } this.dirty = false; return this; }, // utilities _getLabel: function(number, precision){ if(this.opt.labels){ // classic binary search var l = this.opt.labels, lo = 0, hi = l.length; while(lo < hi){ var mid = Math.floor((lo + hi) / 2), val = l[mid].value; if(val < number){ lo = mid + 1; }else{ hi = mid; } } // lets take into account FP errors if(lo < l.length && eq(l[lo].value, number)){ return l[lo].text; } --lo; if(lo < l.length && eq(l[lo].value, number)){ return l[lo].text; } lo += 2; if(lo < l.length && eq(l[lo].value, number)){ return l[lo].text; } // otherwise we will produce a number } return this.opt.fixed ? number.toFixed(precision < 0 ? -precision : 0) : number.toString(); } }); })(); }