TooltipComponent

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

Selector

kendo-chart-tooltip

Inputs

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

The font of the tooltip.

format string

The format of the labels. Uses the format method of IntlService.

The available format placeholders are:

  • Area, Bar, Column, Funnel, Line, and Pie {0} - value
  • Bubble {0} - x value{1} - y value{2} - size value{3} - category name
  • Scatter and scatterLine {0} - x value{1} - y value
  • Candlestick and OHLC {0} - open value{1} - high value{2} - low value{3} - close value{4} - category name

opacity number

The opacity of the tooltip.

padding Padding | number

The padding of the tooltip. A numeric value sets all paddings.

shared boolean

If set to true, the Chart displays a single tooltip for every category.

visible boolean

If set to true, the Chart displays the series tooltip.
By default, the series tooltip is not displayed.

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.