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

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

Definition

Package:@progress/kendo-angular-charts

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

Syntax:

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>

Inputs

color

string

Specifies the color of the crosshair.

opacity

number

Specifies the opacity of the crosshair.

Default:

1

Specifies the tooltip configuration of the crosshair.

visible

boolean

Determines whether the Chart displays the value axis crosshair.

Default:

false

width

number

Specifies the width of the crosshair in pixels.

Default:

1

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.