New to Kendo UI for Angular? Start 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
Name | Type | Default | Description |
---|---|---|---|
color |
|
Specifies the color of the crosshair. | |
opacity |
|
|
Specifies the opacity of the crosshair. |
tooltip |
|
Specifies the tooltip configuration of the crosshair. | |
visible |
|
|
Determines whether the Chart displays the value axis crosshair. |
width |
|
|
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
| ||||||
|