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

CategoryAxisCrosshairTooltipComponent

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

Selector

kendo-chart-category-axis-item-crosshair-tooltip

Name	Type	Default	Description
background	`string`		The background color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
border	`Border`		The border 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 tooltip font.
format	`string`	`'{0}'`	The format used to display the tooltip. Uses the `format` method of IntlService. Contains one placeholder (`"{0}"`) which represents the category value.
padding	`number \| Padding`	`0`	The padding of the crosshair tooltip. A numeric value sets all paddings.
visible	`boolean`	`false`	If set to `true`, the Chart displays the category axis crosshair tooltip. By default, the category axis crosshair tooltip is not visible.

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.