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

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

Definition

Package:@progress/kendo-angular-charts

Selector:kendo-chart-y-axis-item-crosshair

Syntax:

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

Inputs

color

string

Specifies the color of the crosshair.

opacity

number

Specifies the opacity of the crosshair.

Specifies the tooltip configuration of the crosshair.

visible

boolean

Determines whether the crosshair is visible.

width

number

Specifies the width of the crosshair.

Methods

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.

Parameters:changesany

An object containing the updated input fields.