mdt-charts 1.9.7 → 1.9.11

package/lib/model/notations/polarModel.js

@@ -1,27 +0,0 @@
-import { ChartStyleModel } from "../chartStyleModel";
-import { LegendModel } from "../featuresModel/legendModel/legendModel";
-export class PolarModel {
-    static getOptions(config, data, margin, designerConfig) {
-        const options = config.options;
-        return {
-            type: options.type,
-            selectable: !!options.selectable,
-            title: options.title,
-            data: Object.assign({}, options.data),
-            charts: this.getChartsModel(options.chart, data[options.data.dataSource].length, designerConfig.chartStyle),
-            legend: LegendModel.getLegendModel(config.options.type, config.options.legend.show, config.canvas.size, margin),
-            tooltip: options.tooltip
-        };
-    }
-    static getChartsModel(chart, dataLength, chartStyleConfig) {
-        const chartsModel = [];
-        chartsModel.push({
-            type: chart.type,
-            data: Object.assign({}, chart.data),
-            tooltip: chart.tooltip,
-            cssClasses: ChartStyleModel.getCssClasses(0),
-            style: ChartStyleModel.getChartStyle(dataLength, chartStyleConfig)
-        });
-        return chartsModel;
-    }
-}

package/lib/model/notations/twoDimensionalModel.d.ts

@@ -1,19 +0,0 @@
-import { ChartOrientation, MdtChartsConfig, MdtChartsDataSource, TwoDimensionalChart } from "../../config/config";
-import { DesignerConfig } from "../../designer/designerConfig";
-import { BlockMargin, DataScope, TwoDimensionalOptionsModel } from "../model";
-export declare class TwoDimensionalModel {
-    static getOptions(config: MdtChartsConfig, designerConfig: DesignerConfig, margin: BlockMargin, dataScope: DataScope, data: MdtChartsDataSource): TwoDimensionalOptionsModel;
-    static getChartsEmbeddedLabelsFlag(charts: TwoDimensionalChart[], chartOrientation: ChartOrientation): boolean;
-    /**
-     * Сортирует список чартов в порядке: area - bar - line.
-     * Используется для того, чтобы при рендере графики с наибольшей площадью (area) не перекрывали графики с меньшей площадью (bar, line).
-     * @param charts Чарты из конфига
-     */
-    static sortCharts(charts: TwoDimensionalChart[]): void;
-    private static getChartsModel;
-    private static findChartsWithEmbeddedKeyLabels;
-    private static getEmbeddedLabelType;
-    private static getAdditionalElements;
-    private static getChartsByType;
-    private static getChartsValueFieldsAmount;
-}

package/lib/model/notations/twoDimensionalModel.js

@@ -1,85 +0,0 @@
-import { ChartStyleModel } from "../chartStyleModel";
-import { AxisModel } from "../featuresModel/axisModel";
-import { LegendModel } from "../featuresModel/legendModel/legendModel";
-import { ScaleModel } from "../featuresModel/scaleModel";
-export class TwoDimensionalModel {
-    static getOptions(config, designerConfig, margin, dataScope, data) {
-        const options = config.options;
-        return {
-            legend: LegendModel.getLegendModel(config.options.type, config.options.legend.show, config.canvas.size, margin),
-            title: options.title,
-            selectable: !!options.selectable,
-            orient: options.orientation,
-            scale: {
-                key: ScaleModel.getScaleKey(dataScope.allowableKeys, options.orientation, margin, config.canvas.size, options.charts, this.getChartsByType(options.charts, 'bar')),
-                value: ScaleModel.getScaleLinear(options, data, margin, config.canvas.size)
-            },
-            axis: {
-                key: AxisModel.getKeyAxis(options.charts, data, options.data, options.orientation, options.axis.key, designerConfig.canvas.axisLabel, margin, config.canvas.size, designerConfig.elementsOptions.tooltip),
-                value: AxisModel.getValueAxis(options.orientation, options.axis.value, designerConfig.canvas.axisLabel, margin, config.canvas.size)
-            },
-            type: options.type,
-            data: Object.assign({}, options.data),
-            charts: this.getChartsModel(options.charts, options.orientation, designerConfig.chartStyle),
-            additionalElements: this.getAdditionalElements(options),
-            tooltip: options.tooltip
-        };
-    }
-    static getChartsEmbeddedLabelsFlag(charts, chartOrientation) {
-        // Если НЕ найден хотя бы один чарт, который сегментированный или хотя бы один НЕ бар чарт, то лейблы можно прятать
-        return charts.findIndex(chart => chart.isSegmented || chart.type !== 'bar') === -1
-            && chartOrientation === 'horizontal'
-            && charts.length === this.findChartsWithEmbeddedKeyLabels(charts).length;
-    }
-    /**
-     * Сортирует список чартов в порядке: area - bar - line.
-     * Используется для того, чтобы при рендере графики с наибольшей площадью (area) не перекрывали графики с меньшей площадью (bar, line).
-     * @param charts Чарты из конфига
-     */
-    static sortCharts(charts) {
-        const chartOrder = ['area', 'bar', 'line'];
-        charts.sort((chart1, chart2) => chartOrder.indexOf(chart1.type) - chartOrder.indexOf(chart2.type));
-    }
-    static getChartsModel(charts, chartOrientation, chartStyleConfig) {
-        this.sortCharts(charts);
-        const chartsModel = [];
-        charts.forEach((chart, index) => {
-            chartsModel.push({
-                type: chart.type,
-                isSegmented: chart.isSegmented,
-                data: Object.assign({}, chart.data),
-                tooltip: chart.tooltip,
-                cssClasses: ChartStyleModel.getCssClasses(index),
-                style: ChartStyleModel.get2DChartStyle(charts.length, chart.type, this.getChartsValueFieldsAmount(charts), index, chart.isSegmented, chartStyleConfig),
-                embeddedLabels: this.getEmbeddedLabelType(chart, chartOrientation),
-                markersOptions: chart.markers,
-                index
-            });
-        });
-        return chartsModel;
-    }
-    static findChartsWithEmbeddedKeyLabels(charts) {
-        const chartsWithEmbeddedLabels = [];
-        charts.forEach(chart => {
-            if (chart.type === 'bar' && chart.embeddedLabels === 'key')
-                chartsWithEmbeddedLabels.push(chart);
-        });
-        return chartsWithEmbeddedLabels;
-    }
-    static getEmbeddedLabelType(currentChart, chartOrientation) {
-        if (chartOrientation === 'horizontal' && currentChart.type === 'bar')
-            return currentChart.embeddedLabels;
-        return 'none';
-    }
-    static getAdditionalElements(options) {
-        return {
-            gridLine: options.additionalElements.gridLine
-        };
-    }
-    static getChartsByType(charts, type) {
-        return charts.filter(chart => chart.type === type);
-    }
-    static getChartsValueFieldsAmount(charts) {
-        return charts.map(chart => chart.data.valueFields.length);
-    }
-}

package/lib/style/charts-main.css

@@ -1,240 +0,0 @@
-.wrapper {
-    margin: 0 auto;
-    position: relative;
-}
-.bar, .area, .donut {
-    stroke: none;
-}
-.line {
-    fill: none;
-    stroke-width: 4;
-}
-.donut-block * {
-    transition: filter 0.15s;
-}
-.arc {
-    transition: opacity 0.3s;
-}
-.data-label {
-    font-family: "Roboto";
-    font-style: normal;
-    font-weight: 300;
-    font-size: 12px;
-    line-height: 140.62%;
-    color: #444444;
-    cursor: default;
-}
-.bar-item {
-    transition: opacity 0.3s, filter 0.3s;
-}
-
-
-/*========================================================================== Common classes */
-.charts-opacity-inactive {
-    opacity: 0.6;
-}
-
-/* EXTENDED FOR SPECIFIC STYLES */
-.legend-item.charts-opacity-inactive {
-    opacity: 0.45;
-}
-
-
-/*========================================================================== Legend */
-.legend-item {
-    cursor: default;
-    transition: opacity 0.1s;
-}
-.legend-item-inline {
-    white-space: nowrap;
-}
-.legend-item-inline:not(:first-of-type) {
-    margin-left: 20px;
-}
-.legend-item-row {
-    display: flex;
-}
-.legend-item-row > span {
-    display: block;
-}
-.mt-15 {
-    margin-top: 15px;
-}
-.mt-10 {
-    margin-top: 10px;
-}
-
-.legend-label {
-    font-size: 12px;
-    font-family: "Roboto", sans-serif;
-    font-weight: 300;
-    color: #444444;
-    width: calc(100% - 19px);
-    overflow: hidden;
-    line-height: normal;
-}
-.legend-label-nowrap {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-.legend-circle {
-    position: relative;
-    bottom: -1px;
-    display: inline-block;
-    width: 11px;
-    height: 11px;
-    border-radius: 50%;
-    margin-right: 8px;
-}
-
-
-/*========================================================================= Tooltip */
-.tooltip-block {
-    pointer-events: none;
-    z-index: 100;
-    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
-}
-.tooltip-content {
-    position: relative;
-    pointer-events: none;
-    font-family: "Roboto", sans-serif;
-    line-height: 1;
-    padding: 12px 16px;
-    color: white;
-    z-index: 102;
-    max-width: 500px;
-    background: rgba(0, 0, 0, 0.82);
-    font-size: 11px;
-}
-.tooltip-arrow {
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-color: rgba(0, 0, 0, 0.82) transparent transparent transparent;
-}
-
-/* Tooltip Content */
-.tooltip-group {
-    display: flex;
-}
-.tooltip-group:not(:first-of-type) {
-    margin-top: 6px;
-}
-.tooltip-circle {
-    position: relative;
-    display: block;
-    width: 9px;
-    height: 9px;
-    margin-right: 10px;
-    border-radius: 50%;
-}
-.tooltip-text-item {
-    font-family: "Roboto" sans-serif;
-    font-style: normal;
-    width: 100%;
-    flex: 1;
-    display: flex;
-    font-weight: 400;
-}
-
-.tooltip-line {
-    stroke: #AAA;
-    stroke-width: 1px;
-    stroke-linecap: round;
-}
-.tooltip-content .tooltip-head {
-    font-size: 12px;
-    margin-bottom: 10px;
-}
-.tooltip-content .tooltip-texts {
-    width: 100%;
-}
-
-.tooltip-content .tooltip-text-item > span {
-    display: block;
-}
-.tooltip-content .tooltip-text-item > span:first-of-type {
-    flex: 1;
-}
-.tooltip-content .tooltip-text-item > span:last-of-type {
-    flex: 0;
-}
-.tooltip-field-value {
-    margin-left: 0.5rem;
-}
-
-
-/*========================================================================= Additional */
-.charts-axis .domain {
-    stroke: #D2D2D2;
-}
-.charts-axis .tick line:first-of-type {
-    stroke: #D2D2D2;
-}
-
-/* Aggregator */
-.aggregator-value, .aggregator-name {
-    color: #000000;
-    font-family: "Roboto", sans-serif;
-    font-weight: bold;
-    line-height: 1;
-}
-.aggregator-value {
-    margin-top: 20px;
-    pointer-events: auto;
-}
-.aggregator-name {
-    margin-top: 10px;
-}
-
-/* Grid */
-.grid-line {
-    stroke: #D2D2D2;
-    stroke-dasharray: 3;
-}
-
-/* Record overflow */
-.record-overflow-alert {
-    background-color: #FFFFFF;;
-    padding: 5px 10px 5px;
-    border: 1px solid #0F6698;
-    box-sizing: border-box;
-    border-radius: 100px;
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 10px;
-    line-height: 140.62%;
-    color: #0F6698;
-}
-.record-overflow-alert .btn-close {
-    border: none;
-    background-color: transparent;
-    cursor: pointer;
-    font-size: 1.3rem;
-}
-
-/* Embedded label */
-.embedded-label {
-    color: #444444;
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 12px;
-    line-height: 140.62%;
-}
-
-/* Title */
-.chart-title {
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 18px;
-    line-height: 140.62%;
-    cursor: default;
-}
-
-/* Mark dots */
-.charts-dot-hidden {
-    display: none;
-}

package/lib/style/charts-main.less

@@ -1,240 +0,0 @@
-.wrapper {
-    margin: 0 auto;
-    position: relative;
-}
-.bar, .area, .donut {
-    stroke: none;
-}
-.line {
-    fill: none;
-    stroke-width: 4;
-}
-.donut-block * {
-    transition: filter 0.15s;
-}
-.arc {
-    transition: opacity 0.3s;
-}
-.data-label {
-    font-family: "Roboto";
-    font-style: normal;
-    font-weight: 300;
-    font-size: 12px;
-    line-height: 140.62%;
-    color: #444444;
-    cursor: default;
-}
-.bar-item {
-    transition: opacity 0.3s, filter 0.3s;
-}
-
-
-/*========================================================================== Common classes */
-.charts-opacity-inactive {
-    opacity: 0.6;
-}
-
-/* EXTENDED FOR SPECIFIC STYLES */
-.legend-item.charts-opacity-inactive {
-    opacity: 0.45;
-}
-
-
-/*========================================================================== Legend */
-.legend-item {
-    cursor: default;
-    transition: opacity 0.1s;
-}
-.legend-item-inline {
-    white-space: nowrap;
-}
-.legend-item-inline:not(:first-of-type) {
-    margin-left: 20px;
-}
-.legend-item-row {
-    display: flex;
-}
-.legend-item-row > span {
-    display: block;
-}
-.mt-15 {
-    margin-top: 15px;
-}
-.mt-10 {
-    margin-top: 10px;
-}
-
-.legend-label {
-    font-size: 12px;
-    font-family: "Roboto", sans-serif;
-    font-weight: 300;
-    color: #444444;
-    width: calc(100% - 19px);
-    overflow: hidden;
-    line-height: normal;
-}
-.legend-label-nowrap {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-.legend-circle {
-    position: relative;
-    bottom: -1px;
-    display: inline-block;
-    width: 11px;
-    height: 11px;
-    border-radius: 50%;
-    margin-right: 8px;
-}
-
-
-/*========================================================================= Tooltip */
-.tooltip-block {
-    pointer-events: none;
-    z-index: 100;
-    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
-}
-.tooltip-content {
-    position: relative;
-    pointer-events: none;
-    font-family: "Roboto", sans-serif;
-    line-height: 1;
-    padding: 12px 16px;
-    color: white;
-    z-index: 102;
-    max-width: 500px;
-    background: rgba(0, 0, 0, 0.82);
-    font-size: 11px;
-}
-.tooltip-arrow {
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-color: rgba(0, 0, 0, 0.82) transparent transparent transparent;
-}
-
-/* Tooltip Content */
-.tooltip-group {
-    display: flex;
-}
-.tooltip-group:not(:first-of-type) {
-    margin-top: 6px;
-}
-.tooltip-circle {
-    position: relative;
-    display: block;
-    width: 9px;
-    height: 9px;
-    margin-right: 10px;
-    border-radius: 50%;
-}
-.tooltip-text-item {
-    font-family: "Roboto" sans-serif;
-    font-style: normal;
-    width: 100%;
-    flex: 1;
-    display: flex;
-    font-weight: 400;
-}
-
-.tooltip-line {
-    stroke: #AAA;
-    stroke-width: 1px;
-    stroke-linecap: round;
-}
-.tooltip-content .tooltip-head {
-    font-size: 12px;
-    margin-bottom: 10px;
-}
-.tooltip-content .tooltip-texts {
-    width: 100%;
-}
-
-.tooltip-content .tooltip-text-item > span {
-    display: block;
-}
-.tooltip-content .tooltip-text-item > span:first-of-type {
-    flex: 1;
-}
-.tooltip-content .tooltip-text-item > span:last-of-type {
-    flex: 0;
-}
-.tooltip-field-value {
-    margin-left: 0.5rem;
-}
-
-
-/*========================================================================= Additional */
-.charts-axis .domain {
-    stroke: #D2D2D2;
-}
-.charts-axis .tick line:first-of-type {
-    stroke: #D2D2D2;
-}
-
-/* Aggregator */
-.aggregator-value, .aggregator-name {
-    color: #000000;
-    font-family: "Roboto", sans-serif;
-    font-weight: bold;
-    line-height: 1;
-}
-.aggregator-value {
-    margin-top: 20px;
-    pointer-events: auto;
-}
-.aggregator-name {
-    margin-top: 10px;
-}
-
-/* Grid */
-.grid-line {
-    stroke: #D2D2D2;
-    stroke-dasharray: 3;
-}
-
-/* Record overflow */
-.record-overflow-alert {
-    background-color: #FFFFFF;;
-    padding: 5px 10px 5px;
-    border: 1px solid #0F6698;
-    box-sizing: border-box;
-    border-radius: 100px;
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 10px;
-    line-height: 140.62%;
-    color: #0F6698;
-}
-.record-overflow-alert .btn-close {
-    border: none;
-    background-color: transparent;
-    cursor: pointer;
-    font-size: 1.3rem;
-}
-
-/* Embedded label */
-.embedded-label {
-    color: #444444;
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 12px;
-    line-height: 140.62%;
-}
-
-/* Title */
-.chart-title {
-    font-family: "Roboto", sans-serif;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 18px;
-    line-height: 140.62%;
-    cursor: default;
-}
-
-/* Mark dots */
-.charts-dot-hidden {
-    display: none;
-}