@progress/kendo-react-charts
Version:
React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package
50 lines (49 loc) • 1.98 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 { Border, Padding } from '../../common/property-types.js';
/**
* @hidden
*/
export interface SeriesTooltip {
/**
* 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 font of the tooltip.
*/
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, Line, Funnel, Pyramid, Pie, radarArea, radarColumn and radarLine: {0} - value.
* - Bubble: {0} - x value, {1} - y value, {2} - size value, {3} - category name.
* - Scatter, scatterLine: {0} - x value, {1} - y value.
* - PolarArea, polarLine and polarScatterL: {0} - x value (degrees), {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;
}