Components

Styling & Themes

Common Features

Project Setup

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

XAxisCrosshairTooltipComponent

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

Selector

kendo-chart-x-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 crosshair tooltip of the Scatter chart X axis. By default, the crosshair tooltip of the Scatter chart X axis 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.