You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
237 lines
6.9 KiB
237 lines
6.9 KiB
/**
|
|
* Created by ludo on 25-1-16.
|
|
*/
|
|
|
|
function DataScale(start, end, autoScaleStart, autoScaleEnd, containerHeight, majorCharHeight, zeroAlign = false, formattingFunction=false) {
|
|
this.majorSteps = [1, 2, 5, 10];
|
|
this.minorSteps = [0.25, 0.5, 1, 2];
|
|
this.customLines = null;
|
|
|
|
this.containerHeight = containerHeight;
|
|
this.majorCharHeight = majorCharHeight;
|
|
this._start = start;
|
|
this._end = end;
|
|
|
|
this.scale = 1;
|
|
this.minorStepIdx = -1;
|
|
this.magnitudefactor = 1;
|
|
this.determineScale();
|
|
|
|
this.zeroAlign = zeroAlign;
|
|
this.autoScaleStart = autoScaleStart;
|
|
this.autoScaleEnd = autoScaleEnd;
|
|
|
|
this.formattingFunction = formattingFunction;
|
|
|
|
if (autoScaleStart || autoScaleEnd) {
|
|
var me = this;
|
|
var roundToMinor = function (value) {
|
|
var rounded = value - (value % (me.magnitudefactor * me.minorSteps[me.minorStepIdx]));
|
|
if (value % (me.magnitudefactor * me.minorSteps[me.minorStepIdx]) > 0.5 * (me.magnitudefactor * me.minorSteps[me.minorStepIdx])) {
|
|
return rounded + (me.magnitudefactor * me.minorSteps[me.minorStepIdx]);
|
|
}
|
|
else {
|
|
return rounded;
|
|
}
|
|
};
|
|
if (autoScaleStart) {
|
|
this._start -= this.magnitudefactor * 2 * this.minorSteps[this.minorStepIdx];
|
|
this._start = roundToMinor(this._start);
|
|
}
|
|
|
|
if (autoScaleEnd) {
|
|
this._end += this.magnitudefactor * this.minorSteps[this.minorStepIdx];
|
|
this._end = roundToMinor(this._end);
|
|
}
|
|
this.determineScale();
|
|
}
|
|
}
|
|
|
|
DataScale.prototype.setCharHeight = function (majorCharHeight) {
|
|
this.majorCharHeight = majorCharHeight;
|
|
};
|
|
|
|
DataScale.prototype.setHeight = function (containerHeight) {
|
|
this.containerHeight = containerHeight;
|
|
};
|
|
|
|
DataScale.prototype.determineScale = function () {
|
|
var range = this._end - this._start;
|
|
this.scale = this.containerHeight / range;
|
|
var minimumStepValue = this.majorCharHeight / this.scale;
|
|
var orderOfMagnitude = (range > 0)
|
|
? Math.round(Math.log(range) / Math.LN10)
|
|
: 0;
|
|
|
|
this.minorStepIdx = -1;
|
|
this.magnitudefactor = Math.pow(10, orderOfMagnitude);
|
|
|
|
var start = 0;
|
|
if (orderOfMagnitude < 0) {
|
|
start = orderOfMagnitude;
|
|
}
|
|
|
|
var solutionFound = false;
|
|
for (var l = start; Math.abs(l) <= Math.abs(orderOfMagnitude); l++) {
|
|
this.magnitudefactor = Math.pow(10, l);
|
|
for (var j = 0; j < this.minorSteps.length; j++) {
|
|
var stepSize = this.magnitudefactor * this.minorSteps[j];
|
|
if (stepSize >= minimumStepValue) {
|
|
solutionFound = true;
|
|
this.minorStepIdx = j;
|
|
break;
|
|
}
|
|
}
|
|
if (solutionFound === true) {
|
|
break;
|
|
}
|
|
}
|
|
};
|
|
|
|
DataScale.prototype.is_major = function (value) {
|
|
return (value % (this.magnitudefactor * this.majorSteps[this.minorStepIdx]) === 0);
|
|
};
|
|
|
|
DataScale.prototype.getStep = function(){
|
|
return this.magnitudefactor * this.minorSteps[this.minorStepIdx];
|
|
};
|
|
|
|
DataScale.prototype.getFirstMajor = function(){
|
|
var majorStep = this.magnitudefactor * this.majorSteps[this.minorStepIdx];
|
|
return this.convertValue(this._start + ((majorStep - (this._start % majorStep)) % majorStep));
|
|
};
|
|
|
|
DataScale.prototype.formatValue = function(current) {
|
|
var returnValue = current.toPrecision(5);
|
|
if (typeof this.formattingFunction === 'function') {
|
|
returnValue = this.formattingFunction(current);
|
|
}
|
|
|
|
if (typeof returnValue === 'number') {
|
|
return '' + returnValue;
|
|
}
|
|
else if (typeof returnValue === 'string') {
|
|
return returnValue;
|
|
}
|
|
else {
|
|
return current.toPrecision(5);
|
|
}
|
|
|
|
};
|
|
|
|
DataScale.prototype.getLines = function () {
|
|
var lines = [];
|
|
var step = this.getStep();
|
|
var bottomOffset = (step - (this._start % step)) % step;
|
|
for (var i = (this._start + bottomOffset); this._end-i > 0.00001; i += step) {
|
|
if (i != this._start) { //Skip the bottom line
|
|
lines.push({major: this.is_major(i), y: this.convertValue(i), val: this.formatValue(i)});
|
|
}
|
|
}
|
|
return lines;
|
|
};
|
|
|
|
DataScale.prototype.followScale = function (other) {
|
|
var oldStepIdx = this.minorStepIdx;
|
|
var oldStart = this._start;
|
|
var oldEnd = this._end;
|
|
|
|
var me = this;
|
|
var increaseMagnitude = function () {
|
|
me.magnitudefactor *= 2;
|
|
};
|
|
var decreaseMagnitude = function () {
|
|
me.magnitudefactor /= 2;
|
|
};
|
|
|
|
if ((other.minorStepIdx <= 1 && this.minorStepIdx <= 1) || (other.minorStepIdx > 1 && this.minorStepIdx > 1)) {
|
|
//easy, no need to change stepIdx nor multiplication factor
|
|
} else if (other.minorStepIdx < this.minorStepIdx) {
|
|
//I'm 5, they are 4 per major.
|
|
this.minorStepIdx = 1;
|
|
if (oldStepIdx == 2) {
|
|
increaseMagnitude();
|
|
} else {
|
|
increaseMagnitude();
|
|
increaseMagnitude();
|
|
}
|
|
} else {
|
|
//I'm 4, they are 5 per major
|
|
this.minorStepIdx = 2;
|
|
if (oldStepIdx == 1) {
|
|
decreaseMagnitude();
|
|
} else {
|
|
decreaseMagnitude();
|
|
decreaseMagnitude();
|
|
}
|
|
}
|
|
|
|
//Get masters stats:
|
|
var lines = other.getLines();
|
|
var otherZero = other.convertValue(0);
|
|
var otherStep = other.getStep() * other.scale;
|
|
|
|
var done = false;
|
|
var count = 0;
|
|
//Loop until magnitude is correct for given constrains.
|
|
while (!done && count++ <5) {
|
|
|
|
//Get my stats:
|
|
this.scale = otherStep / (this.minorSteps[this.minorStepIdx] * this.magnitudefactor);
|
|
var newRange = this.containerHeight / this.scale;
|
|
|
|
//For the case the magnitudefactor has changed:
|
|
this._start = oldStart;
|
|
this._end = this._start + newRange;
|
|
|
|
var myOriginalZero = this._end * this.scale;
|
|
var majorStep = this.magnitudefactor * this.majorSteps[this.minorStepIdx];
|
|
var majorOffset = this.getFirstMajor() - other.getFirstMajor();
|
|
|
|
if (this.zeroAlign) {
|
|
var zeroOffset = otherZero - myOriginalZero;
|
|
this._end += (zeroOffset / this.scale);
|
|
this._start = this._end - newRange;
|
|
} else {
|
|
if (!this.autoScaleStart) {
|
|
this._start += majorStep - (majorOffset / this.scale);
|
|
this._end = this._start + newRange;
|
|
} else {
|
|
this._start -= majorOffset / this.scale;
|
|
this._end = this._start + newRange;
|
|
}
|
|
}
|
|
if (!this.autoScaleEnd && this._end > oldEnd+0.00001) {
|
|
//Need to decrease magnitude to prevent scale overshoot! (end)
|
|
decreaseMagnitude();
|
|
done = false;
|
|
continue;
|
|
}
|
|
if (!this.autoScaleStart && this._start < oldStart-0.00001) {
|
|
if (this.zeroAlign && oldStart >= 0) {
|
|
console.warn("Can't adhere to given 'min' range, due to zeroalign");
|
|
} else {
|
|
//Need to decrease magnitude to prevent scale overshoot! (start)
|
|
decreaseMagnitude();
|
|
done = false;
|
|
continue;
|
|
}
|
|
}
|
|
if (this.autoScaleStart && this.autoScaleEnd && newRange < (oldEnd-oldStart)){
|
|
increaseMagnitude();
|
|
done = false;
|
|
continue;
|
|
}
|
|
done = true;
|
|
}
|
|
};
|
|
|
|
DataScale.prototype.convertValue = function (value) {
|
|
return this.containerHeight - ((value - this._start) * this.scale);
|
|
};
|
|
|
|
DataScale.prototype.screenToValue = function (pixels) {
|
|
return ((this.containerHeight - pixels) / this.scale) + this._start;
|
|
};
|
|
|
|
module.exports = DataScale;
|