devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
246 lines (210 loc) • 9.65 kB
JavaScript
;
var _each = require("../../core/utils/iterator").each,
_max = Math.max,
_min = Math.min,
_round = Math.round,
registerComponent = require("../../core/component_registrator"),
extend = require("../../core/utils/extend").extend,
objectUtils = require("../../core/utils/object"),
dxBaseGauge = require("./base_gauge").dxBaseGauge,
dxGauge = require("./common").dxGauge,
_normalizeEnum = require("../core/utils").normalizeEnum,
linearIndicatorsModule = require("./linear_indicators"),
createIndicatorCreator = require("./common").createIndicatorCreator,
LinearRangeContainer = require("./linear_range_container"),
ThemeManager = require("./theme_manager");
var dxLinearGauge = dxGauge.inherit({
_rootClass: 'dxg-linear-gauge',
_factoryMethods: {
rangeContainer: 'createLinearRangeContainer',
indicator: 'createLinearIndicator'
},
_gridSpacingFactor: 25,
_scaleTypes: {
type: "xyAxes",
drawingType: "linear"
},
_getTicksOrientation: function _getTicksOrientation(scaleOptions) {
return scaleOptions.isHorizontal ? scaleOptions.verticalOrientation : scaleOptions.horizontalOrientation;
},
_updateScaleTickIndent: function _updateScaleTickIndent(scaleOptions) {
var indentFromTick = scaleOptions.label.indentFromTick,
length = scaleOptions.tick.length,
textParams = this._scale.measureLabels(extend({}, this._canvas)),
verticalTextCorrection = scaleOptions.isHorizontal ? textParams.height + textParams.y : 0,
isIndentPositive = indentFromTick > 0,
orientation,
textCorrection,
tickCorrection;
if (scaleOptions.isHorizontal) {
orientation = isIndentPositive ? { center: 0.5, middle: 0.5 /* DEPRECATED_15_2 */, top: 0, bottom: 1 } : { center: 0.5, middle: 0.5 /* DEPRECATED_15_2 */, top: 1, bottom: 0 };
tickCorrection = length * orientation[scaleOptions.verticalOrientation];
textCorrection = textParams.y;
} else {
orientation = isIndentPositive ? { center: 0.5, left: 0, right: 1 } : { center: 0.5, left: 1, right: 0 };
tickCorrection = length * orientation[scaleOptions.horizontalOrientation];
textCorrection = -textParams.width;
}
scaleOptions.label.indentFromAxis = -indentFromTick + (isIndentPositive ? -tickCorrection + textCorrection : tickCorrection - verticalTextCorrection);
this._scale.updateOptions(scaleOptions);
},
_shiftScale: function _shiftScale(layout, scaleOptions) {
var that = this,
canvas = extend({}, that._canvas),
isHorizontal = scaleOptions.isHorizontal,
scale = that._scale;
canvas[isHorizontal ? "left" : "top"] = that._area[isHorizontal ? "startCoord" : "endCoord"];
canvas[isHorizontal ? "right" : "bottom"] = canvas[isHorizontal ? "width" : "height"] - that._area[isHorizontal ? "endCoord" : "startCoord"];
scale.draw(canvas);
scale.shift({ left: -layout.x, top: -layout.y });
},
_setupCodomain: function _setupCodomain() {
var that = this,
geometry = that.option('geometry') || {},
vertical = _normalizeEnum(geometry.orientation) === 'vertical',
initialStartCoord = -100,
initialEndCoord = 100;
that._area = {
vertical: vertical,
x: 0,
y: 0,
startCoord: initialStartCoord,
endCoord: initialEndCoord
};
that._rangeContainer.vertical = vertical;
that._translator.setCodomain(initialStartCoord, initialEndCoord);
},
_getScaleLayoutValue: function _getScaleLayoutValue() {
return this._area[this._area.vertical ? "x" : "y"];
},
_getTicksCoefficients: function _getTicksCoefficients(options) {
var coefs = { inner: 0, outer: 1 };
if (this._area.vertical) {
if (options.horizontalOrientation === "left") {
coefs.inner = 1;
coefs.outer = 0;
} else if (options.horizontalOrientation === "center") {
coefs.inner = coefs.outer = 0.5;
}
} else {
if (options.verticalOrientation === "top") {
coefs.inner = 1;
coefs.outer = 0;
} else if (options.verticalOrientation === "center" || options.verticalOrientation === "middle" /* DEPRECATED_15_2 */) {
coefs.inner = coefs.outer = 0.5;
}
}
return coefs;
},
_correctScaleIndents: function _correctScaleIndents(result, indentFromTick, textParams) {
var vertical = this._area.vertical;
if (indentFromTick >= 0) {
result.max += indentFromTick + textParams[vertical ? "width" : "height"];
} else {
result.min -= -indentFromTick + textParams[vertical ? "width" : "height"];
}
result.indent = textParams[vertical ? "height" : "width"] / 2;
},
_measureMainElements: function _measureMainElements(elements, scaleMeasurement) {
var that = this,
x = that._area.x,
y = that._area.y,
minBound = 1000,
maxBound = 0,
indent = 0,
scale = that._scale;
_each(elements.concat(scale), function (_, element) {
var bounds = element.measure ? element.measure({ x: x + element.getOffset(), y: y + element.getOffset() }) : scaleMeasurement;
bounds.max !== undefined && (maxBound = _max(maxBound, bounds.max));
bounds.min !== undefined && (minBound = _min(minBound, bounds.min));
bounds.indent > 0 && (indent = _max(indent, bounds.indent));
});
return { minBound: minBound, maxBound: maxBound, indent: indent };
},
_applyMainLayout: function _applyMainLayout(elements, scaleMeasurement) {
var that = this,
measurements = that._measureMainElements(elements, scaleMeasurement),
area = that._area,
rect,
offset;
if (area.vertical) {
rect = selectRectBySizes(that._innerRect, { width: measurements.maxBound - measurements.minBound });
offset = (rect.left + rect.right) / 2 - (measurements.minBound + measurements.maxBound) / 2;
area.startCoord = rect.bottom - measurements.indent;
area.endCoord = rect.top + measurements.indent;
area.x = _round(area.x + offset);
} else {
rect = selectRectBySizes(that._innerRect, { height: measurements.maxBound - measurements.minBound });
offset = (rect.top + rect.bottom) / 2 - (measurements.minBound + measurements.maxBound) / 2;
area.startCoord = rect.left + measurements.indent;
area.endCoord = rect.right - measurements.indent;
area.y = _round(area.y + offset);
}
that._translator.setCodomain(area.startCoord, area.endCoord);
that._innerRect = rect;
},
_getElementLayout: function _getElementLayout(offset) {
return { x: _round(this._area.x + offset), y: _round(this._area.y + offset) };
},
_getApproximateScreenRange: function _getApproximateScreenRange() {
var that = this,
area = that._area,
s = area.vertical ? that._canvas.height : that._canvas.width;
s > area.totalSize && (s = area.totalSize);
s = s * 0.8;
return s;
},
_getDefaultSize: function _getDefaultSize() {
var geometry = this.option('geometry') || {};
if (geometry.orientation === 'vertical') {
return { width: 100, height: 300 };
} else {
return { width: 300, height: 100 };
}
},
_factory: objectUtils.clone(dxBaseGauge.prototype._factory)
});
function selectRectBySizes(srcRect, sizes, margins) {
var rect = extend({}, srcRect),
step;
margins = margins || {};
if (sizes) {
rect.left += margins.left || 0;
rect.right -= margins.right || 0;
rect.top += margins.top || 0;
rect.bottom -= margins.bottom || 0;
if (sizes.width > 0) {
step = (rect.right - rect.left - sizes.width) / 2;
if (step > 0) {
rect.left += step;
rect.right -= step;
}
}
if (sizes.height > 0) {
step = (rect.bottom - rect.top - sizes.height) / 2;
if (step > 0) {
rect.top += step;
rect.bottom -= step;
}
}
}
return rect;
}
///#DEBUG
dxLinearGauge._TESTS_selectRectBySizes = selectRectBySizes;
///#ENDDEBUG
var indicators = dxLinearGauge.prototype._factory.indicators = {};
dxLinearGauge.prototype._factory.createIndicator = createIndicatorCreator(indicators);
indicators._default = linearIndicatorsModule._default;
indicators["rectangle"] = linearIndicatorsModule["rectangle"];
indicators["rhombus"] = linearIndicatorsModule["rhombus"];
indicators["circle"] = linearIndicatorsModule["circle"];
indicators["trianglemarker"] = linearIndicatorsModule["trianglemarker"];
indicators["textcloud"] = linearIndicatorsModule["textcloud"];
indicators["rangebar"] = linearIndicatorsModule["rangebar"];
dxLinearGauge.prototype._factory.RangeContainer = LinearRangeContainer;
dxLinearGauge.prototype._factory.ThemeManager = ThemeManager.inherit({
_subTheme: "_linear"
});
registerComponent("dxLinearGauge", dxLinearGauge);
module.exports = dxLinearGauge;