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

ValueAxisCrosshairComponent

Represents the crosshair configuration options of the Chart value axis (see example).

html
<kendo-chart>
 <kendo-chart-value-axis>
  <kendo-chart-value-axis-item>
   <kendo-chart-value-axis-item-crosshair [visible]="true" color="#ff0000" [width]="2">
    <kendo-chart-value-axis-item-crosshair-tooltip format="c"></kendo-chart-value-axis-item-crosshair-tooltip>
   </kendo-chart-value-axis-item-crosshair>
  </kendo-chart-value-axis-item>
 </kendo-chart-value-axis>
</kendo-chart>

Selector

kendo-chart-value-axis-item-crosshair

Inputs

NameTypeDefaultDescription

color

string

Specifies the color of the crosshair.

opacity

number

1

Specifies the opacity of the crosshair.

tooltip

ValueAxisCrosshairTooltip

Specifies the tooltip configuration of the crosshair.

visible

boolean

false

Determines whether the Chart displays the value axis crosshair.

width

number

1

Specifies the width of the crosshair in pixels.

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