@progress/kendo-react-charts
Version:
React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package
75 lines (74 loc) • 2.84 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 { 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;
}