New to Kendo UI for Angular? Start a free 30-day trial

TooltipComponent

The configuration options of the Chart series tooltip (see example).

Selector

kendo-chart-tooltip

Name	Type	Default	Description
background	`string`		The background color of the tooltip. Accepts a valid CSS color string, including HEX and RGB.
border	`Border`		The border configuration options.
color	`string`		The text color of the tooltip. Accepts a valid CSS color string, including HEX and RGB.
font	`string`	`'12px sans-serif'`	The font of the tooltip.
format	`string`		The format of the labels. Uses the `format` method of IntlService. The Area, Bar, Column, Funnel, Pyramid, Line, and Pie are represented by `{0}` as the value placeholder. The Bubble chart type uses the following value placeholders: `{0}` - x value, `{1}` - y value, `{2}` - size value, and `{3}` - category name. The Scatter and ScatterLine chart types use the following value placeholders: `{0}` - x value and `{1}` - y value. The Candlestick and OHLC chart types use the following value placeholders: `{0}` - open value, `{1}` - high value, `{2}` - low value, `{3}` - close value, and `{4}` - category name.
opacity	`number`	`1`	The opacity of the tooltip.
padding	`number \| Padding`		The padding of the tooltip. A numeric value sets all paddings.
shared	`boolean`	`false`	If set to `true`, the Chart displays a single tooltip for every category.
visible	`boolean`	`false`	If set to `true`, the Chart displays the series tooltip.

Updates the component fields with the specified values and refreshes the Chart.

Use this method when the configuration values cannot be set through the template.

item.notifyChanges({ visible: true });

Parameters
changes	`any`	An object containing the updated input fields.