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

package/messages.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const nodata = "charts.nodata";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "charts.nodata": string;
+};

package/methods/index.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 { Group } from '@progress/kendo-drawing';
+import { ChartAxisType, ChartPaneType } from './../common/api-types.js';
+import { Charts } from './../common/charts.js';
+/**
+ * Returns the axis with the specified name.
+ *
+ * @param {Chart} chartComponent - The instance of the KendoReact Chart component.
+ * @param {string} name - The axis name.
+ * @returns {ChartAxis} - The axis with a corresponding name.
+ */
+declare const findAxisByName: (chartComponent: Charts, name: string) => ChartAxisType | undefined;
+/**
+ * Returns the pane at the specified index.
+ *
+ * @param {Chart} chartComponent - The instance of the KendoReact Chart component.
+ * @param {number} index - The pane index.
+ * @returns {ChartPane} - The pane at the specified index.
+ */
+declare const findPaneByIndex: (chartComponent: Charts, index: number) => ChartPaneType | undefined;
+/**
+ * Returns the pane with the specified name.
+ *
+ * @param {Chart} chartComponent - The instance of the KendoReact Chart component.
+ * @param {string} name - The name of the pane.
+ * @returns {ChartPane} - The pane with the provided name.
+ */
+declare const findPaneByName: (chartComponent: Charts, name: string) => ChartPaneType | undefined;
+/**
+ * Exports a Chart component as a Drawing `Scene`.
+ *
+ * @param {Chart} chartComponent - The instance of the KendoReact Chart component.
+ * @param {any} options - The parameters for the export operation.
+ * @returns {Group} - The root Group of the scene.
+ */
+declare const exportVisual: (chartComponent: Charts, options?: any) => Group | undefined;
+export { findAxisByName, findPaneByIndex, findPaneByName, exportVisual };

package/option-types/axis-crosshair-tooltip.interface.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Padding } from '../common/property-types.js';
+import { TooltipBorder } from './tooltip-border.interface.js';
+/**
+ * @hidden
+ */
+export interface AxisCrosshairTooltip {
+    /**
+     * The background color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border options of the tooltip.
+     */
+    border?: TooltipBorder;
+    /**
+     * The text color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The font of the tooltip.
+     */
+    font?: string;
+    /**
+     * The format for displaying the tooltip. 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 value.
+     */
+    format?: string;
+    /**
+     * The padding of the crosshair tooltip. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * If set to `true`, the Chart displays the axis crosshair tooltip. By default, the axis crosshair tooltip is not visible.
+     */
+    visible?: boolean;
+}

package/option-types/axis-defaults/crosshair.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 { DashType } from '../../common/property-types.js';
+import { AxisDefaultsCrosshairTooltip } from './crosshair.tooltip.interface.js';
+/**
+ * @hidden
+ */
+export interface AxisDefaultsCrosshair {
+    /**
+     * The color of the crosshair. Accepts a valid CSS color string, including `hex` and `rgb`.
+     */
+    color?: string;
+    /**
+     * The dash type of the crosshair.
+     *
+     * The following dash types are supported:
+     *
+     * - `"dash"`—A line which consists of dashes.
+     * - `"dashDot"`—A line which consists of a repeating pattern of dash-dot.
+     * - `"dot"`—A line which consists of dots.
+     * - `"longDash"`—A line which consists of a repeating pattern of long-dash.
+     * - `"longDashDot"`—A line which consists of a repeating pattern of long-dash-dot.
+     * - `"longDashDotDot"`—A line which consists of a repeating pattern of long-dash-dot-dot.
+     * - `"solid"`—A solid line.
+     */
+    dashType?: DashType;
+    /**
+     * The opacity of the crosshair. By default, the crosshair is opaque.
+     */
+    opacity?: number;
+    /**
+     * If set to `true`, the Chart displays the axis crosshair. By default, the axis crosshair is not visible.
+     */
+    visible?: boolean;
+    /**
+     * The width of the crosshair in pixels.
+     */
+    width?: number;
+    /**
+     * The options of the crosshair tooltip. The crosshair tooltip is displayed when the [`axisDefaults.crosshair.tooltip.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartaxisdefaultscrosshairtooltipprops#toc-visible) option is set to `true`.
+     */
+    tooltip?: AxisDefaultsCrosshairTooltip;
+}

package/option-types/axis-defaults/crosshair.tooltip.interface.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AxisCrosshairTooltip } from '../axis-crosshair-tooltip.interface.js';
+/**
+ * @hidden
+ */
+export interface AxisDefaultsCrosshairTooltip extends AxisCrosshairTooltip {
+}

package/option-types/axis-defaults/labels.interface.d.ts

@@ -0,0 +1,76 @@
+/**
+ * @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 { AxisLabelVisualArgs, LabelRotation, Margin, Padding } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface AxisDefaultsLabels {
+    /**
+     * The function which returns the label content. The text can be split into multiple lines by using the line feed characters (`"\n"`).
+     *
+     * The available fields in the function argument are:
+     *
+     * - `value`—The category value.
+     * - `dataItem`—The data item if a field i specified. If the category does not have a corresponding item in the data, an empty object is passed.
+     * - `format`—The default format of the label.
+     * - `culture`—The default culture (if set) of the label.
+     */
+    content?: (e: any) => string;
+    /**
+     * The font style of the labels.
+     */
+    font?: string;
+    /**
+     * The format for displaying the labels. 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 category value.
+     */
+    format?: string;
+    /**
+     * The margin of the labels. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * If set to `true`, the Chart mirrors the axis labels and ticks. If the labels are normally on the left side of the axis, the mirroring of the axis renders them to the right.
+     */
+    mirror?: boolean;
+    /**
+     * The padding of the labels. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * The rotation angle of the labels ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/axes#toc-limiting-the-number-of-labels)). By default, the labels are not rotated. If the axis is horizontal, can be set to `"auto"`. In this case, the labels are rotated only if the slot size is not sufficient for the entire labels.
+     */
+    rotation?: LabelRotation | number | 'auto';
+    /**
+     * The number of labels to skip. By default, no labels are skipped.
+     */
+    skip?: number;
+    /**
+     * The label-rendering step&mdash;renders every n<sup>th</sup> label. By default, every label is rendered.
+     */
+    step?: number;
+    /**
+     * If set to `true`, the Chart displays the axis labels. By default, the axis labels are visible.
+     */
+    visible?: boolean;
+    /**
+     * A function that for creating a custom visual for the labels.
+     *
+     * The available argument fields are:
+     * - `createVisual`&mdash;A function for getting the default visual.
+     * - `culture`&mdash;The default culture (if set) of the label.
+     * - `dataItem`&mdash;The data item if a field has been specified.
+     * - `format`&mdash;The default format of the label.
+     * - `options`&mdash;The label options.
+     * - `rect`&mdash;The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
+     * - `sender`&mdash;The Chart instance (can be `undefined`).
+     * - `text`&mdash;The label text.
+     * - `value`&mdash;The category value.
+     */
+    visual?: (e: AxisLabelVisualArgs) => drawing.Element;
+}

package/option-types/axis-defaults/title.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 { AxisTitlePosition, Border, Margin, Padding, TitleVisualArgs } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface AxisDefaultsTitle {
+    /**
+     * The background color of the title. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the title.
+     */
+    border?: Border;
+    /**
+     * The text color of the title. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The font style of the title.
+     */
+    font?: string;
+    /**
+     * The margin of the title. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * The padding of the title. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * The position of the title.
+     *
+     * The supported values are:
+     *
+     * - `"top"`—The axis title is positioned on the top (applicable for the vertical axis).
+     * - `"bottom"`—The axis title is positioned on the bottom (applicable for the vertical axis).
+     * - `"left"`—The axis title is positioned on the left (applicable for the horizontal axis).
+     * - `"right"`—The axis title is positioned on the right (applicable for the horizontal axis).
+     * - `"center"`—The axis title is positioned in the center.
+     */
+    position?: AxisTitlePosition;
+    /**
+     * The rotation angle of the title. By default, the title is not rotated.
+     */
+    rotation?: number;
+    /**
+     * The text of the title. The text can be split into multiple lines by using the line feed characters (`"\n"`).
+     */
+    text?: string;
+    /**
+     * If set to `true`, the Chart displays the axis title. By default, the axis title is visible.
+     */
+    visible?: boolean;
+    /**
+     * A function that can be used to create a custom visual for the title.
+     *
+     * 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.
+     * - `sender`—The Chart instance (can be `undefined`).
+     * - `options`—The label options.
+     * - `createVisual`—A function for getting the default visual.
+     */
+    visual?: (e: TitleVisualArgs) => drawing.Element;
+}

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

@@ -0,0 +1,80 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AxisLine, AxisTicks, GridLines, PlotBand } from '../common/property-types.js';
+import { AxisDefaultsCrosshair } from './axis-defaults/crosshair.interface.js';
+import { AxisDefaultsLabels } from './axis-defaults/labels.interface.js';
+import { AxisDefaultsTitle } from './axis-defaults/title.interface.js';
+/**
+ * @hidden
+ */
+export interface AxisDefaults {
+    /**
+     * The background color of the axis.
+     */
+    background?: string;
+    /**
+     * The color to apply to all axis elements. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The configuration of the axis lines. Also affects the major and minor ticks, but not the grid lines.
+     */
+    line?: AxisLine;
+    /**
+     * The configuration of the major grid lines. These are the lines that are an extension of the major ticks through the body of the Chart.
+     */
+    majorGridLines?: GridLines;
+    /**
+     * The configuration of the axis major ticks.
+     */
+    majorTicks?: AxisTicks;
+    /**
+     * The configuration of the minor grid lines. These are the lines that are an extension of the minor ticks through the body of the Chart.
+     */
+    minorGridLines?: GridLines;
+    /**
+     * The configuration of the axis minor ticks.
+     */
+    minorTicks?: AxisTicks;
+    /**
+     * If set to `true`, the Chart prevents the axis range from snapping to zero. Setting it to `false`, forces the axis range to snap to zero.
+     */
+    narrowRange?: boolean;
+    /**
+     * The name of the pane in which the axis has to be rendered. If not set, the axis will be rendered in the first (default) pane.
+     */
+    pane?: string;
+    /**
+     * The plot bands of the axis.
+     */
+    plotBands?: PlotBand[];
+    /**
+     * If set to `true`, the axis direction is reversed. By default, categories are listed from left to right and from bottom to top.
+     */
+    reverse?: boolean;
+    /**
+     * The angle (degrees) of the first category on the axis. Angles increase clockwise with zero to the left. Negative values are acceptable.
+     */
+    startAngle?: number;
+    /**
+     * If set to `true`, the Chart displays the axis. By default, the axis is visible.
+     */
+    visible?: boolean;
+    /**
+     * The crosshair configuration options. The crosshair is displayed when the [`axisDefaults.crosshair.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartaxisdefaultscrosshairprops#toc-visible) option is set to `true`.
+     */
+    crosshair?: AxisDefaultsCrosshair;
+    /**
+     * The configuration of the axis labels.
+     */
+    labels?: AxisDefaultsLabels;
+    /**
+     * The title configuration of the axis. To display the title, set the [`axisDefaults.title.text`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartaxisdefaultstitleprops#toc-text) option.
+     */
+    title?: AxisDefaultsTitle;
+}

package/option-types/category-axis-item/crosshair.interface.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DashType } from '../../common/property-types.js';
+import { CategoryAxisCrosshairTooltip } from './crosshair.tooltip.interface.js';
+/**
+ * @hidden
+ */
+export interface CategoryAxisCrosshair {
+    /**
+     * The color of the crosshair. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The dash type of the crosshair.
+     *
+     * The following dash types are supported:
+     * - `"dash"`—A line consisting of dashes.
+     * - `"dashDot"`—A line consisting of a repeating pattern of dash-dot.
+     * - `"dot"`—A line consisting of dots.
+     * - `"longDash"`—A line consisting of a repeating pattern of long-dash.
+     * - `"longDashDot"`—A line consisting of a repeating pattern of long-dash-dot.
+     * - `"longDashDotDot"`—A line consisting of a repeating pattern of long-dash-dot-dot.
+     * - `"solid"`—A solid line.
+     */
+    dashType?: DashType;
+    /**
+     * The opacity of the crosshair. By default, the crosshair is opaque.
+     */
+    opacity?: number;
+    /**
+     * If set to `true`, the Chart displays the category axis crosshair. By default, the category axis crosshair is not visible.
+     */
+    visible?: boolean;
+    /**
+     * The width of the crosshair in pixels.
+     */
+    width?: number;
+    /**
+     * The options of the crosshair tooltip. The crosshair tooltip is displayed when the [`categoryAxis.crosshair.tooltip.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartcategoryaxiscrosshairtooltipprops#toc-visible) option is set to `true`.
+     */
+    tooltip?: CategoryAxisCrosshairTooltip;
+}

package/option-types/category-axis-item/crosshair.tooltip.interface.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AxisCrosshairTooltip } from '../axis-crosshair-tooltip.interface.js';
+/**
+ * @hidden
+ */
+export interface CategoryAxisCrosshairTooltip extends AxisCrosshairTooltip {
+}

package/option-types/category-axis-item/labels.interface.d.ts

@@ -0,0 +1,110 @@
+/**
+ * @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 { AxisLabelsPosition, AxisLabelVisualArgs, Border, DateFormats, LabelRotation, Margin, Padding } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface CategoryAxisLabels {
+    /**
+     * 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 label content. You can split the text into multiple lines by using the line feed characters (`"\n"`).
+     *
+     * The fields available in the function argument are:
+     * - `value`—The category value.
+     * - `dataItem`—The data item if a field is specified. If the category does not have a corresponding item in the data, an empty object is passed.
+     * - `format`—The default format of the label.
+     * - `culture`—The default culture (if set) of the label.
+     * - `text`—The default label text.
+     * - `index`—The index of the label.
+     * - `count`—The total number of rendered labels.
+     */
+    content?: (e: any) => string;
+    /**
+     * The culture to use when formatting date values. The specified culture must be loaded as demonstrated in the [Internationalization Overview](https://www.telerik.com/kendo-react-ui/components/intl/i18n).
+     */
+    culture?: string;
+    /**
+     * The format for displaying the labels of the date category axis. The `{0}` placeholder represents the category value. The Chart selects the appropriate format for the current [`categoryAxis.baseUnit`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartcategoryaxisitemprops#toc-baseunit) option.
+     *
+     * Setting the [`categoryAxis.labels.format`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartcategoryaxislabelsprops#toc-format) option overrides the date formats. For more information, refer to the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService.
+     *
+     * > Not supported for Radar Charts. Use [`categoryAxis.labels.format`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartcategoryaxislabelsprops#toc-format) instead.
+     */
+    dateFormats?: DateFormats;
+    /**
+     * The font style of the labels.
+     */
+    font?: string;
+    /**
+     * The format for displaying the labels. 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 category value.
+     */
+    format?: string;
+    /**
+     * The margin of the labels. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * If set to `true`, the Chart mirrors the axis labels and ticks. If the labels are normally on the left side of the axis, the mirroring of the axis renders them to the right.
+     */
+    mirror?: boolean;
+    /**
+     * The padding of the labels. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * The position of the axis labels. By default, labels are positioned next to the axis.
+     * * When `position` is set to `end`, the labels are placed at the end of the crossing axis—
+     * typically, at the top or right end of the Chart unless the crossing axis was reversed.
+     * * When `position` is set to `start`, the labels are placed at the start of the crossing axis—
+     * typically, at the left or bottom end of the Chart unless the crossing axis was reversed.
+     */
+    position?: AxisLabelsPosition;
+    /**
+     * The rotation angle of the labels. By default, the labels are not rotated. If the axis is horizontal, can be set to `"auto"`. In this case, the labels are rotated only if the slot size is not sufficient for the entire labels.
+     */
+    rotation?: LabelRotation | number | 'auto';
+    /**
+     * The number of labels to skip. By default, no labels are skipped.
+     */
+    skip?: number;
+    /**
+     * The rendering step of the label&mdash;renders every n<sup>th</sup> label. By default, every label is rendered.
+     */
+    step?: number;
+    /**
+     * If set to `true`, the Chart displays the category axis labels. By default, the category axis labels are visible.
+     */
+    visible?: boolean;
+    /**
+     * A function for creating a custom visual for the labels.
+     *
+     * The available argument fields are:
+     * - `createVisual`&mdash;A function for getting the default visual.
+     * - `culture`&mdash;The default culture (if set) on the label.
+     * - `dataItem`&mdash;The data item if a field is specified.
+     * - `format`&mdash;The default format of the label.
+     * - `options`&mdash;The label options.
+     * - `rect`&mdash;The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
+     * - `sender`&mdash;The Chart instance (might be `undefined`).
+     * - `text`&mdash;The label text.
+     * - `value`&mdash;The category value.
+     */
+    visual?: (e: AxisLabelVisualArgs) => drawing.Element;
+}

package/option-types/category-axis-item/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 CategoryAxisNotesIcon {
+    /**
+     * 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/category-axis-item/notes.interface.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @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 { AxisNoteVisualArgs, NoteLine, NotePosition } from '../../common/property-types.js';
+import { CategoryAxisNotesIcon } from './notes.icon.interface.js';
+import { CategoryAxisNotesLabel } from './notes.label.interface.js';
+/**
+ * @hidden
+ */
+export interface CategoryAxisNotes {
+    /**
+     * The items of the notes.
+     */
+    data?: any[];
+    /**
+     * The line of the notes.
+     */
+    line?: NoteLine;
+    /**
+     * The position of the category axis note.
+     *
+     * The available options are:
+     * - `"top"`—The note is positioned on the top.
+     * - `"bottom"`—The note is positioned on the bottom.
+     * - `"left"`—The note is positioned on the left.
+     * - `"right"`—The note is positioned on the right.
+     */
+    position?: NotePosition;
+    /**
+     * A function that can be used to create 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.
+     * - `value`—The note value.
+     */
+    visual?: (e: AxisNoteVisualArgs) => drawing.Element;
+    /**
+     * The icon of the notes.
+     */
+    icon?: CategoryAxisNotesIcon;
+    /**
+     * The label of the notes.
+     */
+    label?: CategoryAxisNotesLabel;
+}