New to Kendo UI for Vue? Start a free 30-day trial

ChartCategoryAxisCrosshairProps

Represents the props of the Kendo UI for Vue ChartCategoryAxisCrosshair component.

NameTypeDefaultDescription

color?

string

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

dashType?

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.
  • "solid"—A solid line.

opacity?

number

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

tooltip?

CategoryAxisCrosshairTooltip

The options of the crosshair tooltip. The crosshair tooltip is displayed when the categoryAxis.crosshair.tooltip.visible option is set to true.

visible?

boolean

If set to true, the Chart displays the category axis crosshair. By default, the category axis crosshair is not visible.

width?

number

The width of the crosshair in pixels.

In this article

Not finding the help you need?