mdt-client 31.3.21 → 31.3.22

package/types/views/page/charts/ChartControlOptions.schema.d.ts

@@ -1,617 +1,617 @@
-declare type MdtChartsDataRow = Record<string, any>;
-declare type TitleFunctionParams = {
-    data: MdtChartsDataRow[];
-};
-declare type TitleFunction = (params: TitleFunctionParams) => string;
-declare type Title = string | TitleFunction;
-export declare type Orientation = "horizontal" | "vertical";
-declare type AxisPosition = "start" | "end";
-export declare type AxisLabelPosition = "vertical" | "horizontal";
-export declare type TwoDimChartLegendPosition = "top" | "bottom";
-declare type ChartField = string;
-export declare type TwoDimensionalValueField = ChartField | {
-    name: string;
-    color?: string;
-};
-/**
- * @defaultSnippets
- * [
- *   {
- * 		"label": "Вертикальная гистограмма (bar)",
- * 		"body": {
- * 			"title": "$1",
- * 			"type": "2d",
- * 			"keyField": "$2",
- * 			"charts": [
- * 				{
- * 					"type": "bar",
- * 					"data": {
- * 						"valueFields": [
- * 							"$3"
- * 						]
- * 					}
- * 				}
- * 			]
- * 		}
- * 	 },
- * 	 {
- * 		"label": "Вертикальная линейная диаграмма (line)",
- * 		"body": {
- * 			"title": "$1",
- * 			"type": "2d",
- * 			"keyField": "$2",
- * 			"charts": [
- * 				{
- * 					"type": "line",
- * 					"data": {
- * 						"valueFields": [
- * 							"$3"
- * 						]
- * 					}
- * 				}
- * 			]
- * 		}
- * 	 },
- *   {
- * 		"label": "Вертикальная диаграмма с областями (area)",
- * 		"body": {
- * 			"title": "$1",
- * 			"type": "2d",
- * 			"keyField": "$2",
- * 			"charts": [
- * 				{
- * 					"type": "area",
- * 					"data": {
- * 						"valueFields": [
- * 							"$3"
- * 						]
- * 					}
- * 				}
- * 			]
- * 		}
- * 	 },
- *   {
- * 		"label": "Горизонтальная гистограмма (bar)",
- * 		"body": {
- * 			"title": "$1",
- * 			"type": "2d",
- * 			"keyField": "$2",
- * 			"axes": {
- * 				"orientation": "horizontal"
- * 			},
- * 			"charts": [
- * 				{
- * 					"type": "bar",
- * 					"data": {
- * 						"valueFields": [
- * 							"$3"
- * 						]
- * 					}
- * 				}
- * 			]
- * 		}
- * 	 },
- *   {
- * 		"label": "Кольцевая диаграмма (donut)",
- * 		"body": {
- * 			"title": "$1",
- * 			"type": "polar",
- * 			"keyField": "$2",
- * 			"chart": {
- * 				"valueField": "$3"
- * 			}
- * 		}
- * 	 }
- * ]
- */
-export declare type ChartControlOptions = TwoDimensionalOptions | PolarOptions | CardChartPublicOptions;
-/**
- * @defaultSnippets
- * [
- *   {
- * 		"label": "Вертикальная ориентация, ось ключей снизу, ось значений слева",
- * 		"body": {
- * 			"orientation": "vertical",
- * 			"key": {
- * 				"position": "end"
- * 			},
- * 			"value": {
- * 				"position": "start"
- * 			}
- * 		}
- * 	 },
- *   {
- * 		"label": "Вертикальная ориентация, ось ключей сверху, ось значений слева",
- * 		"body": {
- * 			"orientation": "vertical",
- * 			"key": {
- * 				"position": "start"
- * 			},
- * 			"value": {
- * 				"position": "start"
- * 			}
- * 		}
- * 	 },
- *   {
- * 		"label": "Горизонтальная ориентация, ось ключей слева, ось значений снизу",
- * 		"body": {
- * 			"orientation": "horizontal",
- * 			"key": {
- * 				"position": "start"
- * 			},
- * 			"value": {
- * 				"position": "start"
- * 			}
- * 		}
- * 	 },
- *   {
- * 		"label": "Горизонтальная ориентация, ось ключей справа, ось значений снизу",
- * 		"body": {
- * 			"orientation": "horizontal",
- * 			"key": {
- * 				"position": "end"
- * 			},
- * 			"value": {
- * 				"position": "end"
- * 			}
- * 		}
- * 	 }
- * ]
- */
-export interface Axes {
-    /**
-     * @title Ориентация диаграмм
-     * @description При вертикальной ориентации ось ключей будет расположена сверху или снизу.
-     * При горизонтальной ориентации ось ключей будет расположена слева или справа.
-     * По умолчанию вертикальная.
-     */
-    orientation?: Orientation;
-    /** @title Общая настройка подписей осей */
-    labels?: BaseAxesLabelsOptions;
-    /**
-     * @title Параметры оси ключей
-     */
-    key?: {
-        /**
-         * @title Позиция оси ключей
-         * @description По умолчанию равна "end", если диаграма вертикальная и "start" - если диаграмма горизонтальная
-         */
-        position?: AxisPosition;
-        /**
-         * @title Отображение оси
-         * @description По умолчанию всегда отображается
-         */
-        visible?: boolean;
-        /**
-         * @title Отображение линий сетки оси
-         * @description По умолчанию всегда скрывается
-         */
-        gridLine?: boolean;
-        /**
-         * @title Настройка подписей оси
-         */
-        labels?: {
-            /**
-             * @title Настройки позиции оси
-             * @description Настраивается при вертикальном расположении. По умолчанию позиция определяется по количеству свободного места для одной подписи.
-             */
-            position?: AxisLabelPosition;
-            /**
-             * @title Количество места, выделенного для подписи в px
-             * @default 20
-             */
-            space?: number;
-        };
-    };
-    /**
-     * @title Параметры оси значений
-     */
-    value?: BaseValueAxisOptions & {
-        /**
-         * @title Позиция оси значений
-         * @description По умолчанию равна "start", если диаграмма вертикальная и "end" - если диаграмма горизонтальная
-         */
-        position?: AxisPosition;
-        /**
-         * @title Отображение оси
-         * @description По умолчанию не отображается только тогда, когда все диаграммы имеют встроенные лейблы, показывающие значения
-         */
-        visible?: boolean;
-        /**
-         * @title Отображение линий сетки оси
-         * @description По умолчанию всегда отображается
-         */
-        gridLine?: boolean;
-        line?: {
-            visible?: boolean;
-        };
-    };
-    valueSecondary?: BaseValueAxisOptions;
-}
-interface BaseValueAxisOptions {
-    /** @title Размер отступа между подписями в px */
-    stepSize?: number;
-    /**
-     * @title Настройка диапазона осей
-     * @param options Опции с данными диаграммы
-     * @returns Объект с диапазоном осей. Оставить -1 для автоматического определения диапазона
-     */
-    domain?: (options: {
-        data: MdtChartsDataRow[];
-    }) => {
-        start: number;
-        end: number;
-    };
-    /** @title Функция форматирования значений */
-    formatValue?: string;
-}
-export interface BaseAxesLabelsOptions {
-    /**
-     * @title Максимальный размер подписи в px
-     * @description Для вертикальных осей этот параметр определяет максимальную ширину подписи, а для горизонтальных - максимальную высоту подписи (если подписи расположены вертикально).
-     * @default 80
-     */
-    maxSize?: number;
-}
-interface BaseChartBlockOptions {
-    /**
-     * @title Высота блока графика (px)
-     * @description По умолчанию равна 510 для 2d и polar диаграмм и 150 для card. Минимально возможная высота: 100. Максимально возможная: 800.
-     * @default 510
-     */
-    height?: number;
-    /** @title Настройки стилей */
-    style?: {
-        /** @title Цвет фона */
-        backgroundColor?: string;
-    };
-}
-interface GraphicChartBlockOptions extends BaseChartBlockOptions {
-    /**
-     * @title Заголовок диаграммы
-     */
-    title?: Title;
-    /**
-     * @title Наименование поля-ключа
-     */
-    keyField: ChartField;
-    /**
-     * @title Маркдаун тултипа
-     */
-    tooltipMarkdown?: string;
-    /** @title Логический тип поля значений */
-    valueFieldType?: string;
-    /**
-     * @title Максимальное количество отображаемых записей
-     * @description По умолчанию равно `50`
-     * @default 50
-     */
-    maxRecordCount?: number;
-    tooltip?: {
-        aggregator?: TooltipAggregator;
-    };
-}
-interface TooltipAggregator {
-    content?: (options: {
-        row: MdtChartsDataRow;
-    }) => TooltipAggregatorContent;
-    position?: "underKey" | "underValues";
-}
-declare type TooltipAggregatorContent = {
-    type: "plainText";
-    textContent: string;
-} | {
-    type: "captionValue";
-    caption: string;
-    value: any;
-};
-export interface CommonCanvasOptions {
-    bar?: BarCanvasOptions;
-}
-interface BarCanvasOptions {
-    /** @title минимальная ширина столбца в px */
-    minBarWidth?: number;
-    /** @title максимальная ширина столбца в px */
-    maxBarWidth?: number;
-    /** @title минимальный размер расстояния между группами столбцов для разных ключей */
-    groupMinDistance?: number;
-    /** @title максимальный размер расстояния между группами столбцов для разных ключей */
-    groupMaxDistance?: number;
-    /** @title расстояние между столбцами в одной группе */
-    barDistance?: number;
-}
-/**
- * @title Двумерная диаграмма
- */
-export interface TwoDimensionalOptions extends GraphicChartBlockOptions {
-    /**
-     * @title Тип исчисления диаграммы
-     */
-    type: "2d";
-    /**
-     * @title Параметры осей двумерной диаграммы
-     *
-     */
-    axes?: Axes;
-    /**
-     * @title Параметры двумерных диаграмм
-     */
-    charts: TwoDimensionalChart[];
-    /**
-     * @title Общие параметры холста графика
-     */
-    commonCanvasOptions?: CommonCanvasOptions;
-    legend?: boolean | {
-        show?: boolean;
-        position?: TwoDimChartLegendPosition;
-    };
-    valueLabels?: {
-        style?: ValueLabelsStyleOptions;
-        collision?: {
-            otherValueLabels?: "hide" | "none";
-        };
-    };
-}
-interface ValueLabelsStyleOptions {
-    cssClassName?: string;
-    /**
-     * @default 10
-     */
-    fontSize?: number;
-    /**
-     * @default rgba(68, 68, 68, 0.5)
-     */
-    color?: string;
-}
-/**
- * @title Круговая диаграмма
- */
-export interface PolarOptions extends GraphicChartBlockOptions {
-    /**
-     * @title Тип исчисления диаграммы
-     */
-    type: "polar";
-    /**
-     * @title Параметры круговой диаграммы
-     */
-    chart: PolarChart;
-    /**
-     * @title Наименование поля с цветом
-     * @description Наименование поля, в котором хранится цвет для сегментов диаграммы.
-     */
-    colorField?: string;
-    /**
-     * @title Отображение легенды
-     * @description По умолчанию для круговых диаграмм отображается всегда
-     */
-    legend?: boolean;
-}
-export declare type TwoDimensionalChart = BarChart | LineChart | AreaChart | DotChart;
-interface TwoDimensionalChartOptions {
-    /**
-     * @title Параметры данных, привязанных к диаграмме
-     */
-    data: {
-        /**
-         * @title Наименования отображаемых полей-значений
-         */
-        valueFields: TwoDimensionalValueField[];
-        secondaryValue?: boolean;
-    };
-    /**
-     * @title Отображение диаграммы в сегментированном виде
-     */
-    isSegmented?: boolean;
-    /**
-     * @title Отображение подписей значений на диаграмме
-     */
-    valueLabels?: boolean | ValueLabelsChartOptions;
-}
-export declare type ValueLabelsPositionMode = "center" | "afterElement";
-export interface ValueLabelsChartOptions {
-    on?: boolean;
-    /** @default "afterElement" */
-    position?: ValueLabelsPositionMode;
-    rotation?: {
-        angle?: number;
-    };
-    handleElement?: (options: {
-        element: SVGElement;
-        value: number;
-    }) => void;
-    format?: (options: {
-        value: number;
-    }) => string | number;
-}
-/**
- * @title Гистограмма
- * @defaultSnippets
- * [
- *   {
- * 		"label": "Несегментированная гистограмма (bar)",
- * 		"body": {
- * 			"type": "bar",
- * 			"isSegmented": false,
- * 			"data": {
- * 				"valueFields": [
- * 					"$1"
- * 				]
- * 			}
- * 		}
- * 	 },
- *   {
- * 		"label": "Сегментированная гистограмма (bar)",
- * 		"body": {
- * 			"type": "bar",
- * 			"isSegmented": true,
- * 			"data": {
- * 				"valueFields": [
- * 					"$1"
- * 				]
- * 			}
- * 		}
- * 	 },
- *   {
- * 		"label": "Сегментированная линейная диаграмма (line)",
- * 		"body": {
- * 			"type": "line",
- * 			"isSegmented": true,
- * 			"data": {
- * 				"valueFields": [
- * 					"$1"
- * 				]
- * 			}
- * 		}
- * 	 },
- *   {
- * 		"label": "Несегментированная линейна диаграмма (line)",
- * 		"body": {
- * 			"type": "line",
- * 			"isSegmented": false,
- * 			"data": {
- * 				"valueFields": [
- * 					"$1"
- * 				]
- * 			}
- * 		}
- * 	 },
- *   {
- * 		"label": "Сегментированная диаграмма с областями (area)",
- * 		"body": {
- * 			"type": "area",
- * 			"isSegmented": true,
- * 			"data": {
- * 				"valueFields": [
- * 					"$1"
- * 				]
- * 			}
- * 		}
- * 	 },
- *   {
- * 		"label": "Несегментированная диаграмма с областями (area)",
- * 		"body": {
- * 			"type": "area",
- * 			"isSegmented": false,
- * 			"data": {
- * 				"valueFields": [
- * 					"$1"
- * 				]
- * 			}
- * 		}
- * 	 }
- * ]
- */
-interface BarChart extends TwoDimensionalChartOptions {
-    /**
-     * @title Тип 2D-диаграммы
-     */
-    type: "bar";
-    /**
-     * @title Отображение встроенных надписей со значением
-     * @description Надписи отображаются только при горизонтальном отображении. По умолчанию равно `true`
-     * @default true
-     */
-    labels?: boolean;
-    /** @title Отображать в заштрихованном виде */
-    hatched?: boolean;
-    borderRadius?: BarChartBorderRadius;
-}
-interface BarChartBorderRadius {
-    value?: number;
-}
-/**
- * @title Линейная диаграмма
- */
-interface LineAreaChart extends TwoDimensionalChartOptions {
-    /**
-     * @title Отображение маркеров
-     * @description По умолчанию всегда скрыты
-     */
-    markers?: boolean;
-}
-interface AreaChart extends LineAreaChart {
-    /**
-     * @title Тип 2D-диаграммы
-     */
-    type: "area";
-    /** @title Включить градиент */
-    gradient?: boolean;
-}
-interface LineChart extends LineAreaChart {
-    /**
-     * @title Тип 2D-диаграммы
-     */
-    type: "line";
-    /** @title Управление пунктиром */
-    dash?: LineDash;
-    width?: number;
-}
-interface LineDash {
-    /** @title Включить пунктир */
-    on?: boolean;
-    /** @title Длина одной черты в px */
-    dashSize?: number;
-    /** @title Размер между чертами в px */
-    gapSize?: number;
-}
-export interface DotChart extends TwoDimensionalChartOptions {
-    type: "dot";
-}
-export interface PolarChart {
-    /**
-     * @title Наименование отображаемого поля-значения
-     */
-    valueField: ChartField;
-    /**
-     * @title Управление агрегатором
-     */
-    aggregator?: {
-        /**
-         * @title Контент агрегатора
-         */
-        content?: string;
-    };
-}
-export interface CardChartPublicOptions extends BaseChartBlockOptions {
-    /** @title Тип исчисления диаграммы */
-    type: "card";
-    /** @title Название */
-    title: string;
-    /** @title Описание */
-    description?: string;
-    /** @title Иконка */
-    icon?: string;
-    /** @title Значение */
-    value: CardChartValueOptions;
-    /** @title Опции блока с изменением показателя */
-    change?: CardChartChangePublicOptions;
-    /** @title Цвет текста карточки */
-    color?: CardColorOptions;
-}
-export interface CardChartValueOptions {
-    /** @title Наименование поля */
-    field: ChartField;
-    /** @title Логический тип поля */
-    dataType?: string;
-    /** @title Шаблон выводимого значения */
-    template?: string;
-}
-export interface CardChartChangePublicOptions {
-    /** @title Значение блока */
-    value: CardChartValueOptions;
-    /** @title Описание блока */
-    description?: string;
-    /** @title Цвет текста */
-    color?: CardColorOptions;
-}
-interface CardColorOptions {
-    /** @title Набор цветов */
-    range: ColorRangeItem[];
-}
-export interface ColorRangeItem {
-    /** @title Значение с которого начинается цвет */
-    value?: number;
-    /** @title Название цвета */
-    color: string;
-}
-export {};
+declare type MdtChartsDataRow = Record<string, any>;
+declare type TitleFunctionParams = {
+    data: MdtChartsDataRow[];
+};
+declare type TitleFunction = (params: TitleFunctionParams) => string;
+declare type Title = string | TitleFunction;
+export declare type Orientation = "horizontal" | "vertical";
+declare type AxisPosition = "start" | "end";
+export declare type AxisLabelPosition = "vertical" | "horizontal";
+export declare type TwoDimChartLegendPosition = "top" | "bottom";
+declare type ChartField = string;
+export declare type TwoDimensionalValueField = ChartField | {
+    name: string;
+    color?: string;
+};
+/**
+ * @defaultSnippets
+ * [
+ *   {
+ * 		"label": "Вертикальная гистограмма (bar)",
+ * 		"body": {
+ * 			"title": "$1",
+ * 			"type": "2d",
+ * 			"keyField": "$2",
+ * 			"charts": [
+ * 				{
+ * 					"type": "bar",
+ * 					"data": {
+ * 						"valueFields": [
+ * 							"$3"
+ * 						]
+ * 					}
+ * 				}
+ * 			]
+ * 		}
+ * 	 },
+ * 	 {
+ * 		"label": "Вертикальная линейная диаграмма (line)",
+ * 		"body": {
+ * 			"title": "$1",
+ * 			"type": "2d",
+ * 			"keyField": "$2",
+ * 			"charts": [
+ * 				{
+ * 					"type": "line",
+ * 					"data": {
+ * 						"valueFields": [
+ * 							"$3"
+ * 						]
+ * 					}
+ * 				}
+ * 			]
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Вертикальная диаграмма с областями (area)",
+ * 		"body": {
+ * 			"title": "$1",
+ * 			"type": "2d",
+ * 			"keyField": "$2",
+ * 			"charts": [
+ * 				{
+ * 					"type": "area",
+ * 					"data": {
+ * 						"valueFields": [
+ * 							"$3"
+ * 						]
+ * 					}
+ * 				}
+ * 			]
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Горизонтальная гистограмма (bar)",
+ * 		"body": {
+ * 			"title": "$1",
+ * 			"type": "2d",
+ * 			"keyField": "$2",
+ * 			"axes": {
+ * 				"orientation": "horizontal"
+ * 			},
+ * 			"charts": [
+ * 				{
+ * 					"type": "bar",
+ * 					"data": {
+ * 						"valueFields": [
+ * 							"$3"
+ * 						]
+ * 					}
+ * 				}
+ * 			]
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Кольцевая диаграмма (donut)",
+ * 		"body": {
+ * 			"title": "$1",
+ * 			"type": "polar",
+ * 			"keyField": "$2",
+ * 			"chart": {
+ * 				"valueField": "$3"
+ * 			}
+ * 		}
+ * 	 }
+ * ]
+ */
+export declare type ChartControlOptions = TwoDimensionalOptions | PolarOptions | CardChartPublicOptions;
+/**
+ * @defaultSnippets
+ * [
+ *   {
+ * 		"label": "Вертикальная ориентация, ось ключей снизу, ось значений слева",
+ * 		"body": {
+ * 			"orientation": "vertical",
+ * 			"key": {
+ * 				"position": "end"
+ * 			},
+ * 			"value": {
+ * 				"position": "start"
+ * 			}
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Вертикальная ориентация, ось ключей сверху, ось значений слева",
+ * 		"body": {
+ * 			"orientation": "vertical",
+ * 			"key": {
+ * 				"position": "start"
+ * 			},
+ * 			"value": {
+ * 				"position": "start"
+ * 			}
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Горизонтальная ориентация, ось ключей слева, ось значений снизу",
+ * 		"body": {
+ * 			"orientation": "horizontal",
+ * 			"key": {
+ * 				"position": "start"
+ * 			},
+ * 			"value": {
+ * 				"position": "start"
+ * 			}
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Горизонтальная ориентация, ось ключей справа, ось значений снизу",
+ * 		"body": {
+ * 			"orientation": "horizontal",
+ * 			"key": {
+ * 				"position": "end"
+ * 			},
+ * 			"value": {
+ * 				"position": "end"
+ * 			}
+ * 		}
+ * 	 }
+ * ]
+ */
+export interface Axes {
+    /**
+     * @title Ориентация диаграмм
+     * @description При вертикальной ориентации ось ключей будет расположена сверху или снизу.
+     * При горизонтальной ориентации ось ключей будет расположена слева или справа.
+     * По умолчанию вертикальная.
+     */
+    orientation?: Orientation;
+    /** @title Общая настройка подписей осей */
+    labels?: BaseAxesLabelsOptions;
+    /**
+     * @title Параметры оси ключей
+     */
+    key?: {
+        /**
+         * @title Позиция оси ключей
+         * @description По умолчанию равна "end", если диаграма вертикальная и "start" - если диаграмма горизонтальная
+         */
+        position?: AxisPosition;
+        /**
+         * @title Отображение оси
+         * @description По умолчанию всегда отображается
+         */
+        visible?: boolean;
+        /**
+         * @title Отображение линий сетки оси
+         * @description По умолчанию всегда скрывается
+         */
+        gridLine?: boolean;
+        /**
+         * @title Настройка подписей оси
+         */
+        labels?: {
+            /**
+             * @title Настройки позиции оси
+             * @description Настраивается при вертикальном расположении. По умолчанию позиция определяется по количеству свободного места для одной подписи.
+             */
+            position?: AxisLabelPosition;
+            /**
+             * @title Количество места, выделенного для подписи в px
+             * @default 20
+             */
+            space?: number;
+        };
+    };
+    /**
+     * @title Параметры оси значений
+     */
+    value?: BaseValueAxisOptions & {
+        /**
+         * @title Позиция оси значений
+         * @description По умолчанию равна "start", если диаграмма вертикальная и "end" - если диаграмма горизонтальная
+         */
+        position?: AxisPosition;
+        /**
+         * @title Отображение линий сетки оси
+         * @description По умолчанию всегда отображается
+         */
+        gridLine?: boolean;
+        line?: {
+            visible?: boolean;
+        };
+    };
+    valueSecondary?: BaseValueAxisOptions;
+}
+interface BaseValueAxisOptions {
+    /** @title Размер отступа между подписями в px */
+    stepSize?: number;
+    /**
+     * @title Настройка диапазона осей
+     * @param options Опции с данными диаграммы
+     * @returns Объект с диапазоном осей. Оставить -1 для автоматического определения диапазона
+     */
+    domain?: (options: {
+        data: MdtChartsDataRow[];
+    }) => {
+        start: number;
+        end: number;
+    };
+    /** @title Функция форматирования значений */
+    formatValue?: string;
+    /**
+     * @title Отображение оси
+     * @description По умолчанию не отображается только тогда, когда все диаграммы имеют встроенные лейблы, показывающие значения
+     */
+    visible?: boolean;
+}
+export interface BaseAxesLabelsOptions {
+    /**
+     * @title Максимальный размер подписи в px
+     * @description Для вертикальных осей этот параметр определяет максимальную ширину подписи, а для горизонтальных - максимальную высоту подписи (если подписи расположены вертикально).
+     * @default 80
+     */
+    maxSize?: number;
+}
+interface BaseChartBlockOptions {
+    /**
+     * @title Высота блока графика (px)
+     * @description По умолчанию равна 510 для 2d и polar диаграмм и 150 для card. Минимально возможная высота: 100. Максимально возможная: 800.
+     * @default 510
+     */
+    height?: number;
+    /** @title Настройки стилей */
+    style?: {
+        /** @title Цвет фона */
+        backgroundColor?: string;
+    };
+}
+interface GraphicChartBlockOptions extends BaseChartBlockOptions {
+    /**
+     * @title Заголовок диаграммы
+     */
+    title?: Title;
+    /**
+     * @title Наименование поля-ключа
+     */
+    keyField: ChartField;
+    /**
+     * @title Маркдаун тултипа
+     */
+    tooltipMarkdown?: string;
+    /** @title Логический тип поля значений */
+    valueFieldType?: string;
+    /**
+     * @title Максимальное количество отображаемых записей
+     * @description По умолчанию равно `50`
+     * @default 50
+     */
+    maxRecordCount?: number;
+    tooltip?: {
+        aggregator?: TooltipAggregator;
+    };
+}
+interface TooltipAggregator {
+    content?: (options: {
+        row: MdtChartsDataRow;
+    }) => TooltipAggregatorContent;
+    position?: "underKey" | "underValues";
+}
+declare type TooltipAggregatorContent = {
+    type: "plainText";
+    textContent: string;
+} | {
+    type: "captionValue";
+    caption: string;
+    value: any;
+};
+export interface CommonCanvasOptions {
+    bar?: BarCanvasOptions;
+}
+interface BarCanvasOptions {
+    /** @title минимальная ширина столбца в px */
+    minBarWidth?: number;
+    /** @title максимальная ширина столбца в px */
+    maxBarWidth?: number;
+    /** @title минимальный размер расстояния между группами столбцов для разных ключей */
+    groupMinDistance?: number;
+    /** @title максимальный размер расстояния между группами столбцов для разных ключей */
+    groupMaxDistance?: number;
+    /** @title расстояние между столбцами в одной группе */
+    barDistance?: number;
+}
+/**
+ * @title Двумерная диаграмма
+ */
+export interface TwoDimensionalOptions extends GraphicChartBlockOptions {
+    /**
+     * @title Тип исчисления диаграммы
+     */
+    type: "2d";
+    /**
+     * @title Параметры осей двумерной диаграммы
+     *
+     */
+    axes?: Axes;
+    /**
+     * @title Параметры двумерных диаграмм
+     */
+    charts: TwoDimensionalChart[];
+    /**
+     * @title Общие параметры холста графика
+     */
+    commonCanvasOptions?: CommonCanvasOptions;
+    legend?: boolean | {
+        show?: boolean;
+        position?: TwoDimChartLegendPosition;
+    };
+    valueLabels?: {
+        style?: ValueLabelsStyleOptions;
+        collision?: {
+            otherValueLabels?: "hide" | "none";
+        };
+    };
+}
+interface ValueLabelsStyleOptions {
+    cssClassName?: string;
+    /**
+     * @default 10
+     */
+    fontSize?: number;
+    /**
+     * @default rgba(68, 68, 68, 0.5)
+     */
+    color?: string;
+}
+/**
+ * @title Круговая диаграмма
+ */
+export interface PolarOptions extends GraphicChartBlockOptions {
+    /**
+     * @title Тип исчисления диаграммы
+     */
+    type: "polar";
+    /**
+     * @title Параметры круговой диаграммы
+     */
+    chart: PolarChart;
+    /**
+     * @title Наименование поля с цветом
+     * @description Наименование поля, в котором хранится цвет для сегментов диаграммы.
+     */
+    colorField?: string;
+    /**
+     * @title Отображение легенды
+     * @description По умолчанию для круговых диаграмм отображается всегда
+     */
+    legend?: boolean;
+}
+export declare type TwoDimensionalChart = BarChart | LineChart | AreaChart | DotChart;
+interface TwoDimensionalChartOptions {
+    /**
+     * @title Параметры данных, привязанных к диаграмме
+     */
+    data: {
+        /**
+         * @title Наименования отображаемых полей-значений
+         */
+        valueFields: TwoDimensionalValueField[];
+        secondaryValue?: boolean;
+    };
+    /**
+     * @title Отображение диаграммы в сегментированном виде
+     */
+    isSegmented?: boolean;
+    /**
+     * @title Отображение подписей значений на диаграмме
+     */
+    valueLabels?: boolean | ValueLabelsChartOptions;
+}
+export declare type ValueLabelsPositionMode = "center" | "afterElement";
+export interface ValueLabelsChartOptions {
+    on?: boolean;
+    /** @default "afterElement" */
+    position?: ValueLabelsPositionMode;
+    rotation?: {
+        angle?: number;
+    };
+    handleElement?: (options: {
+        element: SVGElement;
+        value: number;
+    }) => void;
+    format?: (options: {
+        value: number;
+    }) => string | number;
+}
+/**
+ * @title Гистограмма
+ * @defaultSnippets
+ * [
+ *   {
+ * 		"label": "Несегментированная гистограмма (bar)",
+ * 		"body": {
+ * 			"type": "bar",
+ * 			"isSegmented": false,
+ * 			"data": {
+ * 				"valueFields": [
+ * 					"$1"
+ * 				]
+ * 			}
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Сегментированная гистограмма (bar)",
+ * 		"body": {
+ * 			"type": "bar",
+ * 			"isSegmented": true,
+ * 			"data": {
+ * 				"valueFields": [
+ * 					"$1"
+ * 				]
+ * 			}
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Сегментированная линейная диаграмма (line)",
+ * 		"body": {
+ * 			"type": "line",
+ * 			"isSegmented": true,
+ * 			"data": {
+ * 				"valueFields": [
+ * 					"$1"
+ * 				]
+ * 			}
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Несегментированная линейна диаграмма (line)",
+ * 		"body": {
+ * 			"type": "line",
+ * 			"isSegmented": false,
+ * 			"data": {
+ * 				"valueFields": [
+ * 					"$1"
+ * 				]
+ * 			}
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Сегментированная диаграмма с областями (area)",
+ * 		"body": {
+ * 			"type": "area",
+ * 			"isSegmented": true,
+ * 			"data": {
+ * 				"valueFields": [
+ * 					"$1"
+ * 				]
+ * 			}
+ * 		}
+ * 	 },
+ *   {
+ * 		"label": "Несегментированная диаграмма с областями (area)",
+ * 		"body": {
+ * 			"type": "area",
+ * 			"isSegmented": false,
+ * 			"data": {
+ * 				"valueFields": [
+ * 					"$1"
+ * 				]
+ * 			}
+ * 		}
+ * 	 }
+ * ]
+ */
+interface BarChart extends TwoDimensionalChartOptions {
+    /**
+     * @title Тип 2D-диаграммы
+     */
+    type: "bar";
+    /**
+     * @title Отображение встроенных надписей со значением
+     * @description Надписи отображаются только при горизонтальном отображении. По умолчанию равно `true`
+     * @default true
+     */
+    labels?: boolean;
+    /** @title Отображать в заштрихованном виде */
+    hatched?: boolean;
+    borderRadius?: BarChartBorderRadius;
+}
+interface BarChartBorderRadius {
+    value?: number;
+}
+/**
+ * @title Линейная диаграмма
+ */
+interface LineAreaChart extends TwoDimensionalChartOptions {
+    /**
+     * @title Отображение маркеров
+     * @description По умолчанию всегда скрыты
+     */
+    markers?: boolean;
+}
+interface AreaChart extends LineAreaChart {
+    /**
+     * @title Тип 2D-диаграммы
+     */
+    type: "area";
+    /** @title Включить градиент */
+    gradient?: boolean;
+}
+interface LineChart extends LineAreaChart {
+    /**
+     * @title Тип 2D-диаграммы
+     */
+    type: "line";
+    /** @title Управление пунктиром */
+    dash?: LineDash;
+    width?: number;
+}
+interface LineDash {
+    /** @title Включить пунктир */
+    on?: boolean;
+    /** @title Длина одной черты в px */
+    dashSize?: number;
+    /** @title Размер между чертами в px */
+    gapSize?: number;
+}
+export interface DotChart extends TwoDimensionalChartOptions {
+    type: "dot";
+}
+export interface PolarChart {
+    /**
+     * @title Наименование отображаемого поля-значения
+     */
+    valueField: ChartField;
+    /**
+     * @title Управление агрегатором
+     */
+    aggregator?: {
+        /**
+         * @title Контент агрегатора
+         */
+        content?: string;
+    };
+}
+export interface CardChartPublicOptions extends BaseChartBlockOptions {
+    /** @title Тип исчисления диаграммы */
+    type: "card";
+    /** @title Название */
+    title: string;
+    /** @title Описание */
+    description?: string;
+    /** @title Иконка */
+    icon?: string;
+    /** @title Значение */
+    value: CardChartValueOptions;
+    /** @title Опции блока с изменением показателя */
+    change?: CardChartChangePublicOptions;
+    /** @title Цвет текста карточки */
+    color?: CardColorOptions;
+}
+export interface CardChartValueOptions {
+    /** @title Наименование поля */
+    field: ChartField;
+    /** @title Логический тип поля */
+    dataType?: string;
+    /** @title Шаблон выводимого значения */
+    template?: string;
+}
+export interface CardChartChangePublicOptions {
+    /** @title Значение блока */
+    value: CardChartValueOptions;
+    /** @title Описание блока */
+    description?: string;
+    /** @title Цвет текста */
+    color?: CardColorOptions;
+}
+interface CardColorOptions {
+    /** @title Набор цветов */
+    range: ColorRangeItem[];
+}
+export interface ColorRangeItem {
+    /** @title Значение с которого начинается цвет */
+    value?: number;
+    /** @title Название цвета */
+    color: string;
+}
+export {};