@progress/kendo-react-charts 13.3.0-develop.9 → 13.4.0-develop.1

package/option-types/series-defaults/notes.icon.interface.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Border, MarkerType } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface SeriesDefaultsNotesIcon {
+    /**
+     * The background color of the notes icon.
+     */
+    background?: string;
+    /**
+     * The border of the notes icon.
+     */
+    border?: Border;
+    /**
+     * The size of the notes icon.
+     */
+    size?: number;
+    /**
+     * The shape of the notes icon.
+     *
+     * The supported values are:
+     * * `"circle"`—The marker shape is a circle.
+     * * `"square"`—The marker shape is a square.
+     * * `"triangle"`—The marker shape is a triangle.
+     * * `"cross"`—The marker shape is a cross.
+     */
+    type?: MarkerType;
+    /**
+     * The visibility of the notes icon.
+     */
+    visible?: boolean;
+}

package/option-types/series-defaults/notes.interface.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { drawing } from '@progress/kendo-drawing';
+import { NoteLine, SeriesNoteVisualArgs } from '../../common/property-types.js';
+import { SeriesDefaultsNotesIcon } from './notes.icon.interface.js';
+import { SeriesDefaultsNotesLabel } from './notes.label.interface.js';
+/**
+ * @hidden
+ */
+export interface SeriesDefaultsNotes {
+    /**
+     * The line of the notes.
+     */
+    line?: NoteLine;
+    /**
+     * A function for creating a custom visual for the notes.
+     *
+     * The available argument fields are:
+     * - `rect`—The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines the note target rect.
+     * - `options`—The note options.
+     * - `createVisual`—A function for getting the default visual.
+     * - `category`—The category of the note point.
+     * - `dataItem`—The `dataItem` of the note point.
+     * - `value`—The value of the note point.
+     * - `sender`—The Chart instance.
+     * - `series`—The series of the note point.
+     * - `text`—The note text.
+     */
+    visual?: (e: SeriesNoteVisualArgs) => drawing.Element;
+    /**
+     * The icon of the notes.
+     */
+    icon?: SeriesDefaultsNotesIcon;
+    /**
+     * The label of the notes.
+     */
+    label?: SeriesDefaultsNotesLabel;
+}

package/option-types/series-defaults/notes.label.interface.d.ts

@@ -0,0 +1,53 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Border, NoteLabelPosition } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface SeriesDefaultsNotesLabel {
+    /**
+     * The background color of the label. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the label.
+     */
+    border?: Border;
+    /**
+     * The text color of the label. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The function which returns the label content. The function argument contains a `value` field which defines the point value. You can split the text into multiple lines by using line feed characters (`"\n"`).
+     */
+    content?: (e: any) => string;
+    /**
+     * The font style of the label.
+     */
+    font?: string;
+    /**
+     * The format for displaying the notes label. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService. Contains one placeholder (`"{0}"`) which represents the axis value.
+     */
+    format?: string;
+    /**
+     * The position of the labels.
+     *
+     * The available options are:
+     * - `"inside"`—The label is positioned inside the icon.
+     * - `"outside"`—The label is positioned outside the icon.
+     */
+    position?: NoteLabelPosition;
+    /**
+     * The rotation angle of the label. By default, the label is not rotated.
+     */
+    rotation?: number;
+    /**
+     * If set to `true`, the Chart displays the [`seriesDefaults`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesdefaultsprops) notes label. By default, the [`seriesDefaults`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesdefaultsprops) notes label is visible.
+     */
+    visible?: boolean;
+}

package/option-types/series-defaults/tooltip.interface.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Border, Padding } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface SeriesDefaultsTooltip {
+    /**
+     * The background color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border configuration options.
+     */
+    border?: Border;
+    /**
+     * The text color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The tooltip font.
+     */
+    font?: string;
+    /**
+     * The format of the labels. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService.
+     *
+     * The available format placeholders are:
+     * - Area, Bar, Column, Funnel, Line, and Pie: {0} - value.
+     * - Bubble: {0} - x value{1} - y value{2} - size value{3} - category name.
+     * - Scatter and Scatter Line: {0} - x value, {1} - y value.
+     * - Candlestick and OHLC: {0} - open value, {1} - high value, {2} - low value, {3} - close value, {4} - category name.
+     * - RangeArea, rangeBar, rangeColumn: {0} - from value, {1} - to value.
+     */
+    format?: string;
+    /**
+     * The padding of the tooltip. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * If set to `true`, the Chart displays the series tooltip. By default, the series tooltip is not displayed.
+     */
+    visible?: boolean;
+}

package/option-types/series-defaults.interface.d.ts

@@ -0,0 +1,103 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { drawing } from '@progress/kendo-drawing';
+import { Border, Overlay, SeriesStack, SeriesType, SeriesVisualArgs } from '../common/property-types.js';
+import { SeriesDefaultsLabels } from './series-defaults/labels.interface.js';
+import { SeriesDefaultsNotes } from './series-defaults/notes.interface.js';
+import { SeriesDefaultsTooltip } from './series-defaults/tooltip.interface.js';
+import { FocusHighlight } from '@progress/kendo-charts';
+/**
+ * @hidden
+ */
+export interface SeriesDefaults {
+    /**
+     * The border of the series.
+     */
+    border?: Border;
+    /**
+     * The distance between category clusters.
+     */
+    gap?: number;
+    /**
+     * The Chart series overlay options.
+     */
+    overlay?: Overlay;
+    /**
+     * The space between the Chart series as a proportion of the series width. The `spacing` option is supported when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"bar"`, `"column"`, `"candlestick"`, `"ohlc"`, and `"waterfall"`.
+     */
+    spacing?: number;
+    /**
+     * A Boolean value which indicates if the series has to be stacked. The stack option is supported when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"bar"`, `"column"`, `"line"`, `"area"`, `"verticalLine"`, `"verticalArea"`, `"radarLine"`, `"radarArea"`, and `"radarColumn"`.
+     */
+    stack?: boolean | string | SeriesStack;
+    /**
+     * The default type of the series.
+     *
+     * The supported values are:
+     * - `area`
+     * - `bar`
+     * - `bubble`
+     * - `bullet`
+     * - `candlestick`
+     * - `column`
+     * - `donut`
+     * - `funnel`
+     * - `pyramid`
+     * - `line`
+     * - `ohlc`
+     * - `pie`
+     * - `polarArea`
+     * - `polarLine`
+     * - `polarScatter`
+     * - `radarArea`
+     * - `radarColumn`
+     * - `radarLine`
+     * - `rangeArea`
+     * - `rangeBar`
+     * - `rangeColumn`
+     * - `scatter`
+     * - `scatterLine`
+     * - `waterfall`
+     * - `verticalArea`
+     * - `verticalBullet`
+     * - `verticalLine`
+     * - `verticalRangeArea`
+     * - `waterfall`
+     */
+    type?: SeriesType;
+    /**
+     * A function for creating custom visuals for the points. Applicable for the Bar and Column series.
+     *
+     * The available argument fields are:
+     * - `rect`—The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
+     * - `options`—The point options.
+     * - `createVisual`—A function that can be used to get the default visual.
+     * - `category`—The point category.
+     * - `dataItem`—The point `dataItem`.
+     * - `value`—The point value.
+     * - `sender`—The Chart instance.
+     * - `series`—The point series.
+     */
+    visual?: (e: SeriesVisualArgs) => drawing.Element;
+    /**
+     * The label configuration of the Chart series. The Chart displays the series labels when the [`seriesDefaults.labels.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesdefaultslabelsprops#toc-visible) option is set to `true`.
+     */
+    labels?: SeriesDefaultsLabels;
+    /**
+     * The `seriesDefaults` notes configuration.
+     */
+    notes?: SeriesDefaultsNotes;
+    /**
+     * The configuration options of the Chart series tooltip.
+     */
+    tooltip?: SeriesDefaultsTooltip;
+    /**
+     * The focus highlight configuration options.
+     */
+    focusHighlight?: FocusHighlight;
+}

package/option-types/series-item/error-bars.interface.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { drawing } from '@progress/kendo-drawing';
+import { ErrorBarLine, ErrorBarsVisualArgs } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface SeriesErrorBars {
+    /**
+     * The color of the error bars. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * If set to `false`, the caps of the error bars are not displayed. By default, the caps are visible.
+     */
+    endCaps?: boolean;
+    /**
+     * The error bars line options.
+     */
+    line?: ErrorBarLine;
+    /**
+     * The error bars value ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/error-bars#toc-calculating-values-based-on-data)). The value option is supported when [series.type](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"bar"`, `"column"`, `"line"`, or `"area"`.
+     *
+     * The following value types are supported:
+     * - `"stderr"`—The standard error of the series values will be used to calculate the point low and high values.
+     * - `"stddev(n)"`—The standard deviation of the series values will be used to calculate the point low and high values. Between the parentheses, a number can be specified that will be multiplied by the calculated standard deviation.
+     * - `"percentage(n)"`—A percentage of the point value.
+     * - A number that will be subtracted or added to the point value.
+     * - An array that holds the low and high difference from the point value.
+     * - A function that returns the `errorBars` point value.
+     */
+    value?: string | number | any[] | ((data: {
+        value: number;
+    }) => string | number | any[]);
+    /**
+     * A function that for creating custom visuals for the error bars.
+     *
+     * The available argument fields are:
+     * - `rect`—The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
+     * - `options`—The error bar options.
+     * - `createVisual`—A function that can be used to get the default visual.
+     * - `low`—The error bar low value.
+     * - `high`—The error bar high value.
+     * - `sender`—The Chart instance.
+     */
+    visual?: (e: ErrorBarsVisualArgs) => drawing.Element;
+    /**
+     * The value of the [`xAxis`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartxaxisitemprops) error bars ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/error-bars#toc-calculating-values-based-on-data)).
+     *
+     * For a list of the supported value types, refer to the [`series.errorBars.value`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartserieserrorbarsprops#toc-value) option. The `xValue` option is supported when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"scatter"`, `"scatterLine"`, or `"bubble"`.
+     */
+    xValue?: string;
+    /**
+     * The value of the [`yAxis`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartyaxisitemprops) error bars ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/error-bars#toc-calculating-values-based-on-data)).
+     *
+     * For a list of supported value types, refer to the [`series.errorBars.value`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartserieserrorbarsprops#toc-value) option. The `yValue` option is supported when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"scatter"`, `"scatterLine"`, or `"bubble"`.
+     */
+    yValue?: string;
+}

package/option-types/series-item/extremes.interface.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Border, MarkerType } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface SeriesExtremes {
+    /**
+     * The background color of the series extremes.
+     */
+    background?: string;
+    /**
+     * The border of the extremes.
+     */
+    border?: Border;
+    /**
+     * The rotation angle of the extremes.
+     */
+    rotation?: number;
+    /**
+     * The extremes size in pixels.
+     */
+    size?: number;
+    /**
+     * The shape of the series extremes.
+     *
+     * The supported values are:
+     * * `"circle"`—The marker shape is a circle.
+     * * `"square"`—The marker shape is a square.
+     * * `"triangle"`—The marker shape is a triangle.
+     * * `"cross"`—The marker shape is a cross.
+     */
+    type?: MarkerType;
+}

package/option-types/series-item/highlight.interface.d.ts

@@ -0,0 +1,74 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { drawing } from '@progress/kendo-drawing';
+import { Border, HighlightLine, HighlightVisualArgs, HighlightToggleArgs } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface SeriesHighlight {
+    /**
+     * The border of the highlighted Chart series.
+     *
+     * The color is computed automatically from the base point color. The border option is supported when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"donut"`, `"bubble"`, `"pie"`, `"candlestick"`, or `"ohlc"`.
+     */
+    border?: Border;
+    /**
+     * The highlight color. Accepts a valid CSS color string, including hex and rgb. The color option is supported when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"donut"` or `"pie"`.
+     */
+    color?: string;
+    /**
+     * The line of the highlighted Chart series. The color is computed automatically from the base point color. The line option is supported when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"candlestick"` or `"ohlc"`.
+     */
+    line?: HighlightLine;
+    /**
+     * The opacity of the highlighted points. The opacity option is supported when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"bubble"`, `"pie"`, or `"donut"`.
+     */
+    opacity?: number;
+    /**
+     * The opacity of the series when another series is highlighted.
+     */
+    inactiveOpacity?: number | string;
+    /**
+     * A function for handling the toggling of the points highlight.
+     *
+     * The available argument fields are:
+     * - `preventDefault`—A function that can be used to prevent the showing of the default highlight overlay.
+     * - `show`—A Boolean value indicating whether the highlight has to be shown.
+     * - `visual`—The visual element that needs to be highlighted.
+     * - `category`—The point category.
+     * - `dataItem`—The point `dataItem`.
+     * - `value`—The point value.
+     * - `series`—The point series.
+     */
+    toggle?: (e: HighlightToggleArgs) => void;
+    /**
+     * If set to `true`, the Chart highlights the series when the user hovers over it with the mouse. By default, the highlighting of the Chart series is enabled.
+     */
+    visible?: boolean;
+    /**
+     * A function for setting custom visuals for the point highlights.
+     *
+     * The available argument fields are:
+     * - `createVisual`—A function that can be used to get the default highlight visual.
+     * - `rect`—The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
+     * - `visual`—The visual element that needs to be highlighted.
+     * - `options`—The point options.
+     * - `category`—The point category.
+     * - `dataItem`—The point `dataItem`.
+     * - `value`—The point value.
+     * - `sender`—The Chart instance.
+     * - `series`—The point series.
+     * - `stackValue`—The cumulative point value on the stack. Available only for the stackable series.
+     * - `percentage`—The point value represented as a percentage value. Available only for the Donut, Pie, and 100% stacked charts.
+     * - `runningTotal`—The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
+     * - `total`—The sum of all previous series values. Available for the Waterfall series.
+     * - `from`—The `from` point highlight visual options. Available for the RangeArea and VerticalRangeArea series.
+     * - `to`—The `to` point highlight visual options. Available for the RangeArea and VerticalRangeArea series.
+     */
+    visual?: (e: HighlightVisualArgs) => drawing.Element;
+}

package/option-types/series-item/labels.from.interface.d.ts

@@ -0,0 +1,74 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Border, Margin, Padding } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface SeriesLabelsFrom {
+    /**
+     * The background color of the `from` labels. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the `from` labels.
+     */
+    border?: Border;
+    /**
+     * The text color of the `from` labels. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The function which returns the Chart series `from` label content.
+     *
+     * The fields available in the function argument are:
+     * - `category`—The category name. Available for the Area, Bar, Column, Bubble, Donut, Line, Pie, and Waterfall series.
+     * - `dataItem`—The original data item used to construct the point. If binding to an array, it will be `null`.
+     * - `percentage`—The point value represented as a percentage value. Available only for the Donut, Pie, and 100% stacked charts.
+     * - `series`—The data series.
+     * - `value`—The point value. Can be a number or object containing each bound field.
+     * - `runningTotal`—The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
+     * - `total`—The sum of all previous series values. Available for the Waterfall series.
+     *
+     * The text can be split into multiple lines by using the line feed characters (`"\n"`).
+     */
+    content?: (e: any) => string;
+    /**
+     * The font style of the `from` labels.
+     */
+    font?: string;
+    /**
+     * The format of the `from` labels. Uses the IntlService [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method.
+     */
+    format?: string;
+    /**
+     * The margin of the `from` labels. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * The padding of the `from` labels. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * The position of the `from` labels.
+     *
+     * The supported values are:
+     * - `"center"`—The label is positioned at the point center.
+     * - `"insideBase"`—The label is positioned inside, near the base of the bar.
+     * - `"insideEnd"`—The label is positioned inside, near the end of the point.
+     * - `"outsideEnd"`—The label is positioned outside, near the end of the point.
+     * - `"above"`—the label is positioned at the top of the marker. Applicable for `"rangeArea"` and `"verticalRangeArea"` series.
+     * - `"below"`—the label is positioned at the bottom of the marker. Applicable for `"rangeArea"` and `"verticalRangeArea"` series.
+     * - `"left"`—the label is positioned to the left of the marker. Applicable for `"rangeArea"` and `"verticalRangeArea"` series.
+     * - `"right"`—the label is positioned to the right of the marker. Applicable for `"rangeArea"` and `"verticalRangeArea"` series.
+     */
+    position?: 'center' | 'insideBase' | 'insideEnd' | 'outsideEnd';
+    /**
+     * If set to `true`, the Chart displays the series `from` labels. By default, the Chart series `from` labels are not displayed.
+     */
+    visible?: boolean;
+}

package/option-types/series-item/labels.interface.d.ts

@@ -0,0 +1,109 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { drawing } from '@progress/kendo-drawing';
+import { Border, Margin, Padding, SeriesLabelsVisualArgs, SeriesLabelsPosition } from '../../common/property-types.js';
+import { SeriesLabelsFrom } from './labels.from.interface.js';
+import { SeriesLabelsTo } from './labels.to.interface.js';
+/**
+ * @hidden
+ */
+export interface SeriesLabels {
+    /**
+     * The alignment of the label when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"donut"`, `"funnel"`, `"pyramid"` or `"pie"`.
+     *
+     * The supported values  for `"donut"` and `"pie"` are:
+     * - `"circle"`—The labels are positioned in circle around the Chart.
+     * - `"column"`—The labels are positioned in columns to the left and right of the Chart.
+     *
+     * The supported values for `"funnel"` and `"pyramid"` are:
+     * - `"center"`—The labels are positioned in the center over the funnel segment.
+     * - `"right"`—The labels are positioned on the right side of the Chart and, if there is enough space, do not overlap the funnel segments.
+     * - `"left"`—The labels are positioned on the left side of the Chart and, if there is enough space, do not overlap the funnel segments.
+     */
+    align?: 'circle' | 'column' | 'center' | 'right' | 'left';
+    /**
+     * The background color of the labels. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the labels.
+     */
+    border?: Border;
+    /**
+     * The text color of the labels. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The function which returns the Chart series label content. You can split the text into multiple lines by using line feed characters (`"\n"`).
+     *
+     * The fields available in the function argument are:
+     *
+     * - `category`—The category name. Available for the Area, Bar, Column, Bubble, Donut, Line, Pie, and Waterfall series.
+     * - `dataItem`—The original data item used to construct the point. If binding to an array, it will be `null`.
+     * - `percentage`—The point value represented as a percentage value. Available only for the Donut, Pie, and 100% stacked charts.
+     * - `series`—The data series.
+     * - `stackValue`—The cumulative point value on the stack. Available only for the stackable series.
+     * - `value`—The point value. Can be a number or object containing each bound field.
+     * - `runningTotal`—The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
+     * - `total`—The sum of all previous series values. Available for the Waterfall series.
+     */
+    content?: (e: any) => string;
+    /**
+     * The distance between the labels when [`series.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-type) is set to `"donut"` or `"pie"`.
+     */
+    distance?: number;
+    /**
+     * The font style of the labels.
+     */
+    font?: string;
+    /**
+     * The format of the labels. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService.
+     */
+    format?: string;
+    /**
+     * The margin of the labels. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * The padding of the labels. A numeric value sets all paddings. Bar and Column series always apply full padding and ignore this setting.
+     */
+    padding?: Padding | number;
+    /**
+     * The position of the labels.
+     */
+    position?: SeriesLabelsPosition;
+    /**
+     * If set to `true`, the Chart displays the series labels. By default, the Chart series labels are not displayed.
+     */
+    visible?: boolean;
+    /**
+     * A function that can be used to create a custom visual for the labels.
+     *
+     * The available argument fields are:
+     * - `text`—The label text.
+     * - `rect`—The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
+     * - `options`—The label options.
+     * - `createVisual`—A function that can be used to get the default visual.
+     * - `sender`—The Chart instance (might be `undefined`).
+     */
+    visual?: (e: SeriesLabelsVisualArgs) => drawing.Element;
+    /**
+     * The `from` label configuration of the Chart series. The Chart displays the series from labels when either the [`series.labels.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartserieslabelsprops#toc-visible) or the [`series.labels.from.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesdefaultslabelsfromprops#toc-visible) option is set to `true`.
+     */
+    from?: SeriesLabelsFrom;
+    /**
+     * The `to` label configuration of the Chart series. The Chart displays the series to labels when either the [`series.labels.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartserieslabelsprops#toc-visible) or the [`series.labels.to.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartserieslabelstoprops#toc-visible) option is set to `true`.
+     */
+    to?: SeriesLabelsTo;
+    /**
+     * React child components that can be used to configure nested chart series label components.
+     *
+     * Supported child components include label configuration components for specialized chart types.
+     */
+    children?: React.ReactNode;
+}