mdt-charts 1.10.0 → 1.11.0

package/lib/model/chartStyleModel.d.ts

@@ -1,16 +0,0 @@
-import { TwoDimensionalChartType } from "../config/config";
-import { ChartStyleConfig } from "../designer/designerConfig";
-import { ChartStyle } from "./model";
-export declare class ChartStyleModel {
-    private static safeColorsAmount;
-    private static standartColors;
-    static getCssClasses(chartIndex: number): string[];
-    static get2DChartStyle(chartsAmount: number, chartType: TwoDimensionalChartType, chartsFieldsAmounts: number[], chartIndex: number, isSegmented: boolean, styleConfig: ChartStyleConfig): ChartStyle;
-    static getChartStyle(elementsAmount: number, styleConfig: ChartStyleConfig): ChartStyle;
-    private static getChartColors;
-    private static getChartOpacity;
-    private static getColorSet;
-    private static checkAndGet;
-    private static getStartIndex;
-    private static resetColor;
-}

package/lib/model/chartStyleModel.js

@@ -1,67 +0,0 @@
-import * as chroma from "chroma-js";
-import { ModelHelper } from "./modelHelper";
-export class ChartStyleModel {
-    static getCssClasses(chartIndex) {
-        const cssClasses = [`chart-${chartIndex}`];
-        return cssClasses;
-    }
-    static get2DChartStyle(chartsAmount, chartType, chartsFieldsAmounts, chartIndex, isSegmented, styleConfig) {
-        const startIndex = this.getStartIndex(chartIndex, chartsFieldsAmounts);
-        const baseColors = this.checkAndGet(styleConfig.baseColors);
-        const palette = this.getColorSet(baseColors, ModelHelper.getSum(chartsFieldsAmounts));
-        return {
-            elementColors: this.getChartColors(palette, chartsFieldsAmounts[chartIndex], startIndex, chartType),
-            opacity: this.getChartOpacity(chartsAmount, chartType, chartsFieldsAmounts[chartIndex], isSegmented)
-        };
-    }
-    static getChartStyle(elementsAmount, styleConfig) {
-        const baseColors = this.checkAndGet(styleConfig.baseColors);
-        return {
-            elementColors: this.getColorSet(baseColors, elementsAmount),
-            opacity: 1
-        };
-    }
-    static getChartColors(palette, elementsAmount, startIndex, chartType) {
-        const selectedColors = palette.slice(startIndex, startIndex + elementsAmount);
-        if (chartType !== 'line')
-            return selectedColors;
-        for (let i = 0; i < selectedColors.length; i++) {
-            selectedColors[i] = chroma.mix(selectedColors[i], 'white', 0.2).saturate(3).hex();
-        }
-        return selectedColors;
-    }
-    static getChartOpacity(chartsLength, chartType, chartsValueFieldAmount, isSegmented) {
-        if (chartType === 'area' && (chartsLength > 1 || chartsValueFieldAmount > 1) && !isSegmented)
-            return 0.5; // combined area with other charts has 0.5 opacity
-        return 1;
-    }
-    static getColorSet(baseColors, elementsAmount) {
-        return chroma.scale(baseColors)
-            .mode('rgb')
-            .domain([0, 0.55, 0.75, 1])
-            .colors(elementsAmount <= 1 ? 2 : elementsAmount);
-    }
-    static checkAndGet(baseColors) {
-        if (baseColors.length === 0 || baseColors.filter(color => color === 'rgba(0, 0, 0, 0)' || !color).length > 0) {
-            return this.standartColors;
-        }
-        return baseColors;
-    }
-    static getStartIndex(chartIndex, chartsFieldsAmounts) {
-        let startIndex = 0;
-        for (let i = 0; i < chartIndex; i++) {
-            startIndex += chartsFieldsAmounts[i];
-        }
-        return startIndex;
-    }
-    static resetColor(index, baseColor) {
-        let color = chroma(baseColor)
-            .luminance(0.5)
-            .saturate(1.5 + Math.floor(index / this.safeColorsAmount) * 0.5);
-        color = chroma(color)
-            .set('hsv.h', chroma(color).get('hsv.h') + Math.floor(index / this.safeColorsAmount) * 4);
-        return color.hex();
-    }
-}
-ChartStyleModel.safeColorsAmount = 8;
-ChartStyleModel.standartColors = ["#209DE3", "#FF3131", "#FFBA00", "#20B078"];