mdt-charts 1.28.1 → 1.29.0

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

@@ -9,117 +9,188 @@ 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;
+	}
 }