The crosshair configuration options.

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

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

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

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

The crosshair tooltip options.

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

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

The border options.

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

The dash type of the border.

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

The width of the border in pixels. By default the border width is set to zero which means that the border will not appear.

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

The tooltip font.

The format used to display the tooltip. Uses kendo.format. Contains one placeholder ("{0}") which represents the category value.

The padding of the crosshair tooltip. A numeric value will set all paddings.

The bottom padding of the crosshair tooltip.

The left padding of the crosshair tooltip.

The right padding of the crosshair tooltip.

The top padding of the crosshair tooltip.

The template which renders the tooltip.

The fields which can be used in the template are:

  • value - the category value

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

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

The width of the crosshair in pixels.

In this article