mdt-charts 1.29.0 → 1.30.0

package/lib/model/margin/twoDim/twoDimMarginModel.js

@@ -9,188 +9,117 @@ import { Scale } from "../../../engine/features/scale/scale";
 export const AXIS_HORIZONTAL_LABEL_PADDING = 12;
 export const AXIS_VERTICAL_LABEL_PADDING = 8;
 export class TwoDimMarginModel {
-	constructor(designerConfig, configReader) {
-		this.designerConfig = designerConfig;
-		this.configReader = configReader;
-		this.twoDimLegendModel = new TwoDimLegendModel(this.configReader);
-	}
-	recalcMargin(otherComponents, modelInstance) {
-		const canvasModel = modelInstance.canvasModel;
-		this.twoDimLegendModel.recalcMarginWith2DLegend(
-			modelInstance,
-			otherComponents.legendBlock,
-			this.configReader.options.legend
-		);
-		this.recalcVerticalMarginByAxisLabelHeight(LABEL_ELEMENT_HEIGHT_PX, canvasModel);
-		const labelSize = this.getMaxLabelSize(modelInstance);
-		// Если встроенный лейбл показывает ключи, то лейблы оси ключей не показываются
-		// При этом все графики должны иметь: embeddedLabels = 'key'
-		// И все графики должны быть типа bar.
-		const showingFlag =
-			this.configReader.options.type === "2d"
-				? !TwoDimensionalModel.getChartsEmbeddedLabelsFlag(
-						this.configReader.options.charts,
-						this.configReader.options.orientation
-				  )
-				: true;
-		this.recalcHorizontalMarginByAxisLabelWidth(labelSize, canvasModel, showingFlag);
-		if (this.configReader.containsSecondaryAxis()) {
-			const secondaryLabelSize = this.getMaxLabelSizeSecondary(modelInstance);
-			this.recalcMarginBySecondaryAxisLabelSize(secondaryLabelSize, canvasModel);
-		}
-		if (
-			this.configReader.areValueLabelsOn() &&
-			this.configReader.areValueLabelsNeedIncreaseMargin() &&
-			this.configReader.options.orientation === "vertical"
-		) {
-			this.recalcVerticalMarginWithValueLabelsOn(canvasModel);
-		}
-	}
-	recalcMarginByVerticalAxisLabel(modelInstance) {
-		if (this.configReader.options.orientation === "vertical") {
-			const dataModel = modelInstance.dataModel;
-			const axisLabelSize = AxisModel.getLabelSize(
-				this.designerConfig.canvas.axisLabel.maxSize.main,
-				dataModel.getAllowableKeys()
-			);
-			const axisConfig = AxisModel.getKeyAxisLabelPosition(
-				modelInstance.canvasModel,
-				dataModel.getAllowableKeys().length,
-				this.configReader.options.axis.key
-			);
-			const marginOrient = this.configReader.options.axis.key.position === "end" ? "bottom" : "top";
-			if (axisConfig === "rotated") {
-				modelInstance.canvasModel.decreaseMarginSide(marginOrient, axisLabelSize.height);
-				modelInstance.canvasModel.increaseMarginSide(
-					marginOrient,
-					axisLabelSize.width,
-					keyAxisLabelVerticalLog
-				);
-			}
-		}
-	}
-	getMaxLabelSize(modelInstance) {
-		const keyAxisOrient = AxisModel.getAxisOrient(
-			AxisType.Key,
-			this.configReader.options.orientation,
-			this.configReader.options.axis.key.position
-		);
-		let labelsTexts;
-		if (keyAxisOrient === "left" || keyAxisOrient === "right") {
-			labelsTexts = modelInstance.dataModel.repository.getValuesByKeyField();
-		} else {
-			const scaleModel = new ScaleModel(this.configReader.options, modelInstance.canvasModel).getScaleLinear(
-				modelInstance.dataModel.repository.getRawRows(),
-				this.configReader
-			);
-			labelsTexts = this.getValueAxisLabels(scaleModel).map((v) =>
-				this.configReader.getAxisLabelFormatter()(v).toString()
-			);
-		}
-		return AxisModel.getLabelSize(this.designerConfig.canvas.axisLabel.maxSize.main, labelsTexts);
-	}
-	getMaxLabelSizeSecondary(modelInstance) {
-		const scaleModel = new ScaleModel(this.configReader.options, modelInstance.canvasModel).getScaleSecondaryLinear(
-			modelInstance.dataModel.repository.getRawRows(),
-			this.configReader
-		);
-		const labelsTexts = this.getValueAxisLabels(scaleModel).map((v) =>
-			this.configReader.getSecondaryAxisLabelFormatter()(v).toString()
-		);
-		return AxisModel.getLabelSize(this.designerConfig.canvas.axisLabel.maxSize.main, labelsTexts);
-	}
-	recalcVerticalMarginByAxisLabelHeight(labelHeight, canvasModel) {
-		const keyAxisOrient = AxisModel.getAxisOrient(
-			AxisType.Key,
-			this.configReader.options.orientation,
-			this.configReader.options.axis.key.position
-		);
-		const valueAxisOrient = AxisModel.getAxisOrient(
-			AxisType.Value,
-			this.configReader.options.orientation,
-			this.configReader.options.axis.value.position
-		);
-		if ((keyAxisOrient === "bottom" || keyAxisOrient === "top") && this.configReader.options.axis.key.visibility)
-			canvasModel.increaseMarginSide(
-				keyAxisOrient,
-				labelHeight + AXIS_HORIZONTAL_LABEL_PADDING,
-				keyAxisLabelVerticalLog
-			);
-		else if (this.configReader.options.axis.value.visibility)
-			canvasModel.increaseMarginSide(valueAxisOrient, labelHeight + AXIS_HORIZONTAL_LABEL_PADDING);
-	}
-	recalcHorizontalMarginByAxisLabelWidth(labelSize, canvasModel, isShow) {
-		const keyAxisOrient = AxisModel.getAxisOrient(
-			AxisType.Key,
-			this.configReader.options.orientation,
-			this.configReader.options.axis.key.position
-		);
-		const valueAxisOrient = AxisModel.getAxisOrient(
-			AxisType.Value,
-			this.configReader.options.orientation,
-			this.configReader.options.axis.value.position
-		);
-		if (
-			(keyAxisOrient === "left" || keyAxisOrient === "right") &&
-			isShow &&
-			this.configReader.options.axis.key.visibility
-		) {
-			canvasModel.increaseMarginSide(
-				keyAxisOrient,
-				labelSize.width + AXIS_VERTICAL_LABEL_PADDING,
-				keyAxisLabelHorizontalLog
-			);
-		} else if (
-			(valueAxisOrient === "left" || valueAxisOrient === "right") &&
-			this.configReader.options.axis.value.visibility
-		) {
-			canvasModel.increaseMarginSide(valueAxisOrient, labelSize.width + AXIS_VERTICAL_LABEL_PADDING);
-		}
-	}
-	recalcMarginBySecondaryAxisLabelSize(labelSize, canvasModel) {
-		const valueAxisOrient = AxisModel.getAxisOrient(
-			AxisType.Value,
-			this.configReader.options.orientation,
-			this.configReader.options.axis.value.position
-		);
-		const secondaryOrientByMain = {
-			bottom: "top",
-			left: "right",
-			right: "left",
-			top: "bottom"
-		};
-		const secondaryOrient = secondaryOrientByMain[valueAxisOrient];
-		const sizeMap = {
-			vertical: labelSize.width + AXIS_VERTICAL_LABEL_PADDING,
-			horizontal: labelSize.height + AXIS_HORIZONTAL_LABEL_PADDING
-		};
-		if (this.configReader.options.axis.valueSecondary.visibility) {
-			canvasModel.increaseMarginSide(secondaryOrient, sizeMap[this.configReader.options.orientation]);
-		}
-	}
-	recalcVerticalMarginWithValueLabelsOn(canvasModel) {
-		const keyAxisOrient = AxisModel.getAxisOrient(
-			AxisType.Key,
-			this.configReader.options.orientation,
-			this.configReader.options.axis.key.position
-		);
-		const valueLabelFontSize = this.configReader.getValueLabelsStyleModel().fontSize;
-		const axisMarginMapping = {
-			top: "bottom",
-			bottom: "top"
-		};
-		canvasModel.increaseMarginSide(axisMarginMapping[keyAxisOrient], valueLabelFontSize + OFFSET_SIZE_PX);
-	}
-	getValueAxisLabels(scaleModel) {
-		const scale = Scale.getScaleValue(scaleModel);
-		const ticksPolicy = AxisModel.getTickAmountPolicy(
-			this.configReader.options.orientation,
-			this.configReader.options.axis.value,
-			scaleModel
-		);
-		let outputValues = [];
-		if (ticksPolicy.type === "constant") outputValues = ticksPolicy.values;
-		else if (ticksPolicy.type === "amount") outputValues = scale.ticks(ticksPolicy.amount);
-		return outputValues;
-	}
+    constructor(designerConfig, configReader) {
+        this.designerConfig = designerConfig;
+        this.configReader = configReader;
+        this.twoDimLegendModel = new TwoDimLegendModel(this.configReader);
+    }
+    recalcMargin(otherComponents, modelInstance) {
+        const canvasModel = modelInstance.canvasModel;
+        this.twoDimLegendModel.recalcMarginWith2DLegend(modelInstance, otherComponents.legendBlock, this.configReader.options.legend);
+        this.recalcVerticalMarginByAxisLabelHeight(LABEL_ELEMENT_HEIGHT_PX, canvasModel);
+        const labelSize = this.getMaxLabelSize(modelInstance);
+        // Если встроенный лейбл показывает ключи, то лейблы оси ключей не показываются
+        // При этом все графики должны иметь: embeddedLabels = 'key'
+        // И все графики должны быть типа bar.
+        const showingFlag = this.configReader.options.type === "2d"
+            ? !TwoDimensionalModel.getChartsEmbeddedLabelsFlag(this.configReader.options.charts, this.configReader.options.orientation)
+            : true;
+        this.recalcHorizontalMarginByAxisLabelWidth(labelSize, canvasModel, showingFlag);
+        if (this.configReader.containsSecondaryAxis()) {
+            const secondaryLabelSize = this.getMaxLabelSizeSecondary(modelInstance);
+            this.recalcMarginBySecondaryAxisLabelSize(secondaryLabelSize, canvasModel);
+        }
+        if (this.configReader.areValueLabelsOn() &&
+            this.configReader.areValueLabelsNeedIncreaseMargin() &&
+            this.configReader.options.orientation === "vertical") {
+            this.recalcVerticalMarginWithValueLabelsOn(canvasModel);
+        }
+    }
+    recalcMarginByVerticalAxisLabel(modelInstance) {
+        if (this.configReader.options.orientation === "vertical") {
+            const dataModel = modelInstance.dataModel;
+            const axisLabelSize = AxisModel.getLabelSize(this.designerConfig.canvas.axisLabel.maxSize.main, dataModel.getAllowableKeys());
+            const axisConfig = AxisModel.getKeyAxisLabelPosition(modelInstance.canvasModel, dataModel.getAllowableKeys().length, this.configReader.options.axis.key);
+            const marginOrient = this.configReader.options.axis.key.position === "end" ? "bottom" : "top";
+            if (axisConfig === "rotated") {
+                modelInstance.canvasModel.decreaseMarginSide(marginOrient, axisLabelSize.height);
+                modelInstance.canvasModel.increaseMarginSide(marginOrient, axisLabelSize.width, keyAxisLabelVerticalLog);
+            }
+        }
+    }
+    getMaxLabelSize(modelInstance) {
+        const keyAxisOrient = AxisModel.getAxisOrient(AxisType.Key, this.configReader.options.orientation, this.configReader.options.axis.key.position);
+        let labelsTexts;
+        if (keyAxisOrient === "left" || keyAxisOrient === "right") {
+            labelsTexts = modelInstance.dataModel.repository.getValuesByKeyField();
+        }
+        else {
+            const scaleModel = new ScaleModel(this.configReader.options, modelInstance.canvasModel).getScaleLinear(modelInstance.dataModel.repository.getRawRows(), this.configReader);
+            labelsTexts = this.getValueAxisLabels(scaleModel).map((v) => this.configReader.getAxisLabelFormatter()(v).toString());
+        }
+        return AxisModel.getLabelSize(this.designerConfig.canvas.axisLabel.maxSize.main, labelsTexts);
+    }
+    getMaxLabelSizeSecondary(modelInstance) {
+        const scaleModel = new ScaleModel(this.configReader.options, modelInstance.canvasModel).getScaleSecondaryLinear(modelInstance.dataModel.repository.getRawRows(), this.configReader);
+        const labelsTexts = this.getValueAxisLabels(scaleModel).map((v) => this.configReader.getSecondaryAxisLabelFormatter()(v).toString());
+        return AxisModel.getLabelSize(this.designerConfig.canvas.axisLabel.maxSize.main, labelsTexts);
+    }
+    recalcVerticalMarginByAxisLabelHeight(labelHeight, canvasModel) {
+        const keyAxisOrient = AxisModel.getAxisOrient(AxisType.Key, this.configReader.options.orientation, this.configReader.options.axis.key.position);
+        const valueAxisOrient = AxisModel.getAxisOrient(AxisType.Value, this.configReader.options.orientation, this.configReader.options.axis.value.position);
+        if ((keyAxisOrient === "bottom" || keyAxisOrient === "top") && this.configReader.options.axis.key.visibility)
+            canvasModel.increaseMarginSide(keyAxisOrient, labelHeight + AXIS_HORIZONTAL_LABEL_PADDING, keyAxisLabelVerticalLog);
+        else if (this.configReader.options.axis.value.visibility)
+            canvasModel.increaseMarginSide(valueAxisOrient, labelHeight + AXIS_HORIZONTAL_LABEL_PADDING);
+    }
+    recalcHorizontalMarginByAxisLabelWidth(labelSize, canvasModel, isShow) {
+        const keyAxisOrient = AxisModel.getAxisOrient(AxisType.Key, this.configReader.options.orientation, this.configReader.options.axis.key.position);
+        const valueAxisOrient = AxisModel.getAxisOrient(AxisType.Value, this.configReader.options.orientation, this.configReader.options.axis.value.position);
+        if ((keyAxisOrient === "left" || keyAxisOrient === "right") &&
+            isShow &&
+            this.configReader.options.axis.key.visibility) {
+            canvasModel.increaseMarginSide(keyAxisOrient, labelSize.width + AXIS_VERTICAL_LABEL_PADDING, keyAxisLabelHorizontalLog);
+        }
+        else if ((valueAxisOrient === "left" || valueAxisOrient === "right") &&
+            this.configReader.options.axis.value.visibility) {
+            canvasModel.increaseMarginSide(valueAxisOrient, labelSize.width + AXIS_VERTICAL_LABEL_PADDING);
+        }
+    }
+    recalcMarginBySecondaryAxisLabelSize(labelSize, canvasModel) {
+        const valueAxisOrient = AxisModel.getAxisOrient(AxisType.Value, this.configReader.options.orientation, this.configReader.options.axis.value.position);
+        const secondaryOrientByMain = {
+            bottom: "top",
+            left: "right",
+            right: "left",
+            top: "bottom"
+        };
+        const secondaryOrient = secondaryOrientByMain[valueAxisOrient];
+        const sizeMap = {
+            vertical: labelSize.width + AXIS_VERTICAL_LABEL_PADDING,
+            horizontal: labelSize.height + AXIS_HORIZONTAL_LABEL_PADDING
+        };
+        if (this.configReader.options.axis.valueSecondary.visibility) {
+            canvasModel.increaseMarginSide(secondaryOrient, sizeMap[this.configReader.options.orientation]);
+        }
+    }
+    recalcVerticalMarginWithValueLabelsOn(canvasModel) {
+        const keyAxisOrient = AxisModel.getAxisOrient(AxisType.Key, this.configReader.options.orientation, this.configReader.options.axis.key.position);
+        const valueLabelFontSize = this.configReader.getValueLabelsStyleModel().fontSize;
+        const axisMarginMapping = {
+            top: "bottom",
+            bottom: "top"
+        };
+        canvasModel.increaseMarginSide(axisMarginMapping[keyAxisOrient], valueLabelFontSize + OFFSET_SIZE_PX);
+    }
+    getValueAxisLabels(scaleModel) {
+        const scale = Scale.getScaleValue(scaleModel);
+        const ticksPolicy = AxisModel.getTickAmountPolicy(this.configReader.options.orientation, this.configReader.options.axis.value, scaleModel);
+        let outputValues = [];
+        if (ticksPolicy.type === "constant")
+            outputValues = ticksPolicy.values;
+        else if (ticksPolicy.type === "amount")
+            outputValues = scale.ticks(ticksPolicy.amount);
+        return outputValues;
+    }
 }