Components

Styling & Themes

Common Features

Project Setup

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

ValueAxisCrosshairTooltipComponent

The configuration options of the crosshair tooltip (see example). The crosshair tooltip is displayed when the visible option is set to true.

Selector

kendo-chart-value-axis-item-crosshair-tooltip

NAME	TYPE	DESCRIPTION
background	string	The background color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
border	Border	The border options of the tooltip.
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 for displaying the tooltip. Uses the `format` method of IntlService. Contains one placeholder (`"{0}"`) which represents the value.
padding	number \| Padding	The padding of the crosshair tooltip. A numeric value sets all paddings.
visible	boolean	If set to `true`, the chart displays the value axis crosshair tooltip. By default, the value axis crosshair tooltip is not visible.

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 });`

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.