XAxisCrosshairComponent

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

html

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

Selector

kendo-chart-x-axis-item-crosshair

Inputs

Name	Type	Default	Description
color	string		Specifies the color of the crosshair.
opacity	number	1	Specifies the opacity of the crosshair. By default, the crosshair is opaque.
tooltip	XAxisCrosshairTooltip		Specifies the tooltip configuration of the crosshair.
visible	boolean	false	Determines whether the Chart displays the X-axis crosshair of the Scatter Chart.
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.