XAxisCrosshairComponent
Component
Represents the crosshair configuration options of the X axis (see example).
Definition
Package:@progress/kendo-angular-charts
Selector:kendo-chart-x-axis-item-crosshair
Syntax:
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>Inputs
color
string
Specifies the color of the crosshair.
opacity
number
Specifies the opacity of the crosshair. By default, the crosshair is opaque.
Default:
1
Specifies the tooltip configuration of the crosshair.
visible
boolean
Determines whether the Chart displays the X-axis crosshair of the Scatter Chart.
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.