@progress/kendo-angular-charts
Version:
Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.
67 lines (66 loc) • 2.91 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Border, Margin, Padding, SeriesLabelsContentArgs } from '../../common/property-types';
/**
* Represents the series `from` labels options.
*/
export interface SeriesLabelsFrom {
/**
* Sets the background color of the `from` labels.
* Accepts a valid CSS color string, including HEX and RGB.
*/
background?: string;
/**
* Configures the border of the `from` labels.
*/
border?: Border;
/**
* Sets the text color of the `from` labels.
* Accepts a valid CSS color string, including HEX and RGB.
*/
color?: string;
/**
* Sets the function which returns the Chart series `from` label content.
* You can split the text into multiple lines by using line feed characters (`"\n"`).
*/
content?: (e: SeriesLabelsContentArgs) => string;
/**
* Sets the font style of the `from` labels.
*/
font?: string;
/**
* Sets the format of the `from` labels.
* Uses the IntlService [`format`]({% slug api_intl_intlservice %}#toc-format) method.
*/
format?: string;
/**
* Sets the margin of the `from` labels.
* A numeric value sets all margins.
*/
margin?: Margin | number;
/**
* Sets the padding of the `from` labels.
* A numeric value sets all paddings.
*/
padding?: Padding | number;
/**
* Sets the position of the `from` labels.
*
* - `"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';
/**
* Determines if the Chart displays the series `from` labels.
* By default, the Chart series `from` labels are not displayed.
*/
visible?: boolean;
}