Components
    • Barcodes
    • Buttons
    • Charts
    • Conversational UI
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filterupdated
    • Ganttupdated
    • Gauges
    • Gridupdated
    • Icons
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Mapbeta
    • Menus
    • Navigationupdated
    • Notification
    • Pager
    • PDF Export
    • PivotGridupdated
    • Popup
    • ProgressBarsupdated
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • ToolBar
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Typography
    • Uploads
    • Utilitiesnew
    Styling & Themes
    Common Features
    Project Setup
    Knowledge Base
    Sample Applications
    FAQ
    Troubleshooting
Components / Charts / API / AxisDefaultsCrosshairComponent / 
New to Kendo UI for Angular? Start a free 30-day trial

AxisDefaultsCrosshairComponent

The crosshair configuration options (see example).

Selector

kendo-chart-axis-defaults-crosshair

Inputs

NameTypeDefaultDescription

color

string

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

dashType

DashType

The dash type of the crosshair.

The following dash types are supported:

  • "dash"—A line which consists of dashes.
  • "dashDot"—A line which consists of a repeating pattern of dash-dot.
  • "dot"—A line which consists of dots.
  • "longDash"—A line which consists of a repeating pattern of long-dash.
  • "longDashDot"—A line which consists of a repeating pattern of long-dash-dot.
  • "longDashDotDot"—A line which consists 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

AxisDefaultsCrosshairTooltip

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

visible

boolean

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

width

number

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.

item.notifyChanges({ visible: true });
Parameters

changes

any

An object containing the updated input fields.

In this article

Not finding the help you need?

Contact Support