<kendo:chart-categoryAxisItem-crosshair>

The crosshair configuration options.

Example

<kendo:chart-categoryAxisItem>
    <kendo:chart-categoryAxisItem-crosshair></kendo:chart-categoryAxisItem-crosshair>
</kendo:chart-categoryAxisItem>

Configuration Attributes

color java.lang.String

The color of the crosshair. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:chart-categoryAxisItem-crosshair color="color">
</kendo:chart-categoryAxisItem-crosshair>

dashType java.lang.String

The dash type of the crosshair.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line.

Example

<kendo:chart-categoryAxisItem-crosshair dashType="dashType">
</kendo:chart-categoryAxisItem-crosshair>

opacity float

The opacity of the crosshair. By default the crosshair is opaque.

Example

<kendo:chart-categoryAxisItem-crosshair opacity="opacity">
</kendo:chart-categoryAxisItem-crosshair>

visible boolean

If set to true the chart will display the category axis crosshair. By default the category axis crosshair is not visible.

Example

<kendo:chart-categoryAxisItem-crosshair visible="visible">
</kendo:chart-categoryAxisItem-crosshair>

width float

The width of the crosshair in pixels.

Example

<kendo:chart-categoryAxisItem-crosshair width="width">
</kendo:chart-categoryAxisItem-crosshair>

Configuration JSP Tags

kendo:chart-categoryAxisItem-crosshair-tooltip

The crosshair tooltip options.

More documentation is available at kendo:chart-categoryAxisItem-crosshair-tooltip.

Example

<kendo:chart-categoryAxisItem-crosshair>
    <kendo:chart-categoryAxisItem-crosshair-tooltip></kendo:chart-categoryAxisItem-crosshair-tooltip>
</kendo:chart-categoryAxisItem-crosshair>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy