jui.define("chart.grid.range", [ "util.scale", "util.base", "util.math" ], function(UtilScale, _, math) { /** * @class chart.grid.range * @extends chart.grid.core */ var RangeGrid = function() { this.center = function(g) { var min = this.scale.min(), max = this.scale.max(); this.drawCenter(g, this.ticks, this.values, function(tick) { return tick == 0 && tick != min && tick != max; }, 0); this.drawBaseLine("center", g); } this.top = function(g) { this.drawPattern("top", this.ticks, this.values); var min = this.scale.min(), max = this.scale.max(); this.drawTop(g, this.ticks, this.values, function(tick) { return tick == 0 && tick != min && tick != max; }, 0); this.drawBaseLine("top", g); } this.bottom = function(g) { this.drawPattern("bottom", this.ticks, this.values); var min = this.scale.min(), max = this.scale.max(); this.drawBottom(g, this.ticks, this.values, function(tick) { return tick == 0 && tick != min && tick != max; }, 0); this.drawBaseLine("bottom", g); } this.left = function(g) { this.drawPattern("left", this.ticks, this.values); var min = this.scale.min(), max = this.scale.max(); this.drawLeft(g, this.ticks, this.values, function(tick) { return tick == 0 && tick != min && tick != max; }, 0); this.drawBaseLine("left", g); } this.right = function(g) { this.drawPattern("right", this.ticks, this.values); var min = this.scale.min(), max = this.scale.max(); this.drawRight(g, this.ticks, this.values, function(tick) { return tick == 0 && tick != min && tick != max; }, 0); this.drawBaseLine("right", g); } this.wrapper = function(scale, key) { var old_scale = scale; var self = this; function new_scale(i) { return old_scale(self.axis.data[i][key]); } return (key) ? _.extend(new_scale, old_scale) : old_scale; } this.initDomain = function() { var domain = []; var min = this.grid.min || undefined, max = this.grid.max || undefined, data = this.data(); var value_list = []; var isArray = false; if (_.typeCheck("string", this.grid.domain)) { var field = this.grid.domain; value_list = new Array(data.length); var index = data.length; while(index--) { var value = data[index][field]; if (_.typeCheck("array", value)) { value_list[index] = Math.max(value); value_list.push(Math.min(value)); } else { value_list[index] = value; value_list.push(0); } } } else if (_.typeCheck("function", this.grid.domain)) { value_list = new Array(data.length); var isCheck = false; var index = data.length; while(index--) { var value = this.grid.domain.call(this.chart, data[index]); if (_.typeCheck("array", value)) { value_list[index] = Math.max.apply(Math, value); value_list.push(Math.min.apply(Math, value)); } else { value_list[index] = value; if (!isCheck) { value_list.push(0); isCheck = true; } } } } else { value_list = this.grid.domain; isArray = true; } var tempMin = Math.min.apply(Math, value_list); var tempMax = Math.max.apply(Math, value_list); if (isArray) { min = tempMin; max = tempMax; } else { if (typeof min == 'undefined' || min > tempMin) min = tempMin; if (typeof max == 'undefined' || max < tempMax) max = tempMax; } var unit; var hasUnit = true; if (_.typeCheck("function", this.grid.unit)) { unit = this.grid.unit.call(this.chart, this.grid); } else if (_.typeCheck("number", this.grid.unit)) { unit = this.grid.unit; } else { if (min > 0) { min = Math.floor(min); } unit = math.div((max - min), this.grid.step); // (max - min) / this.grid.step if (unit > 1) { unit = Math.ceil(unit); } else if (0 < unit && unit < 1) { unit = math.div(Math.ceil(math.multi(unit, 10)),10); } } if (unit == 0) { domain = [0, 0]; } else { var start = 0; var fixed = math.fixed(unit); while (start < max) { start = fixed.plus(start, unit); } var end = start; while (end > min) { end = fixed.minus(end, unit); } domain = [end, start]; domain.step = (Math.abs(end - start) / unit); } if (this.grid.reverse) { domain.reverse(); } return domain; } this.drawBefore = function() { var domain = this.initDomain(); var obj = this.getGridSize(); this.scale = UtilScale.linear().domain(domain); if (this.grid.orient == "left" || this.grid.orient == "right") { var arr = [obj.end, obj.start]; } else { var arr = [obj.start, obj.end] } this.scale.range(arr); this.scale.clamp(this.grid.clamp) this.start = obj.start; this.size = obj.size; this.end = obj.end; this.step = domain.step; this.nice = this.grid.nice; this.ticks = this.scale.ticks(this.step, this.nice); if (this.grid.orient == 'left' || this.grid.orient == 'right') { this.ticks.reverse(); } this.bar = 6; this.values = []; for (var i = 0, len = this.ticks.length; i < len; i++) { this.values[i] = this.scale(this.ticks[i]); } } this.draw = function() { return this.drawGrid("range"); } } RangeGrid.setup = function() { return { /** @cfg {String/Array/Function} [domain=null] Sets the value displayed on an axis.*/ domain: null, /** @cfg {Array} [step=10] Sets the interval of the scale displayed on a grid. */ step: 10, /** @cfg {Number} [min=0] Sets the minimum value of a grid. */ min: 0, /** @cfg {Number} [max=0] Sets the maximum value of a grid. */ max: 0, /** @cfg {Number} [unit=null] Multiplies the axis value to be displayed. */ unit: null, /** * @cfg {Boolean} [clamp=true] * * max 나 min 을 넘어가는 값에 대한 체크, * true 이면 넘어가는 값도 min, max 에서 조정, false 이면 비율로 계산해서 넘어가는 값 적용 */ clamp : true, /** @cfg {Boolean} [reverse=false] Reverses the value on domain values*/ reverse: false, /** @cfg {String} [key=null] Sets the value on the grid to the value for the specified key. */ key: null, /** @cfg {Boolean} [hideText=false] Determines whether to show text across the grid. */ hideText: false, /** @cfg {Boolean} [nice=false] Automatically sets the value of a specific section. */ nice: false }; } return RangeGrid; }, "chart.grid.core");