[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Expand]Creating Charts
    [Expand]Chart Elements
    [Collapse]End-User Interaction
      Client Chart Designer
     [Collapse]Crosshair Cursor
       Overview
       Crosshair Cursor Customization
       Changing the Crosshair Cursor Layout
      Tooltips
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Changing the Crosshair Cursor Layout

This topic explains how to change the crosshair cursor snap mode and the crosshair's common label position.

Expanded Layout Customization

Specify the crosshair cursor snap mode

The crosshair snap mode can be specified using the CrosshairOptions.SnapMode property. This property defines how a crosshair cursor should detect a series point to which to snap.

Two snap modes are available: NearestArgument (the default mode) and NearestValue.

The following image shows the NearestValue snap mode in action:

Set the crosshair cursor position

In a multiple series chart, a crosshair cursor label is displayed common for all series by default. You can specify its position in two modes:

Use the CrosshairOptions.CommonLabelPosition property to get access to one of the listed modes.

For instance, you can invoke the Choose Crosshair Label Position dialog in the Properties window for this property clicking the ellipsis button.

You can change the current offset for both of the common crosshair label modes using the CrosshairLabelPosition.OffsetX and CrosshairLabelPosition.OffsetY properties.

For instance, the following image shows a common crosshair label in the crosshair free mode with the CrosshairLabelPosition.OffsetX and CrosshairLabelPosition.OffsetY properties set to (120,120), correspondingly.

Moreover, you can specify the position of a common crosshair label within its parent element using CrosshairFreePosition.DockCorner and CrosshairFreePosition.DockTarget properties in the CrosshairFreePosition mode.

The image below demonstrates a common crosshair label docked to the RightTop chart corner.

For additional information on chart interaction, refer to the End-User Interaction section.

Expanded See Also

Is this topic helpful?​​​​​​​