@progress/kendo-react-charts
Version:
React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package
73 lines (72 loc) • 2.74 kB
TypeScript
/**
* @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, MarkersVisualArgs, MarkerType } from '../../common/property-types.js';
/**
* @hidden
*/
export interface SeriesMarkers {
/**
* The background color of the series markers.
*/
background?: string;
/**
* The border of the markers.
*/
border?: Border;
/**
* The rotation angle of the markers.
*/
rotation?: number;
/**
* The marker size in pixels.
*/
size?: number;
/**
* The border radius in pixels when `type` is set to `"roundedRect"`. Defaults to 1/5 of the marker size.
*/
borderRadius?: number;
/**
* The shape of the series markers.
*
* 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.
* * `"rect"`—An alias for "square".
* * `"roundedRect"`—The marker shape is a rounded rectangle.
*/
type?: MarkerType;
/**
* If set to `true`, the Chart displays the series markers. By default, the Chart series markers are displayed.
*/
visible?: boolean;
/**
* A function for creating a custom visual for the markers.
*
* 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 marker options.
* - `createVisual`—A function that can be used to get the default visual.
* - `category`—The category of the marker point.
* - `dataItem`—The `dataItem` of the marker point.
* - `value`—The value of the marker point.
* - `sender`—The Chart instance.
* - `series`—The series of the marker point.
*/
visual?: (e: MarkersVisualArgs) => drawing.Element;
/**
* The Chart series marker configuration for the `from` point. Supported for the RangeArea and VerticalRangeArea series.
*/
from?: SeriesMarkers;
/**
* The Chart series marker configuration for the `to` point. Supported for the RangeArea and VerticalRangeArea series.
*/
to?: SeriesMarkers;
}