New to Kendo UI for AngularStart a free 30-day trial

NavigatorSeriesTooltipComponent

The tooltip configuration of the StockChart navigator series. The StockChart navigator series tooltip is displayed when the navigator.series.tooltip.visible option is set to true.

Selector

kendo-chart-navigator-series-item-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.

The RangeArea, RangeBar, and RangeColumn chart types utilize the following value placeholders: {0} - from value and {1} - to value.

padding

number | Padding

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

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.

ts
item.notifyChanges({ visible: true });
Parameters

changes

any

An object containing the updated input fields.

In this article
SelectorInputsMethods
Not finding the help you need?
Contact Support