Components / Charts / API / TooltipComponent / 
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

Inputs

NameTypeDefaultDescription

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.

Methods

notifyChanges

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.

In this article

Not finding the help you need?

Contact Support