New to Kendo UI for AngularStart 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

Inputs

NameTypeDefaultDescription

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

'12px sans-serif'

The font of the tooltip.

format

string

'{0}'

The format for displaying the tooltip. Uses the format method of IntlService. Contains one placeholder ("{0}") which represents the 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 crosshair tooltip of the Scatter chart X axis. By default, the crosshair tooltip of the Scatter chart X axis is not visible.

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