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");