[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Collapse]Charts Suite
   [Collapse]Chart Control
    [Expand]Getting Started
    [Expand]Providing Data
    [Expand]Chart Elements
    [Expand]Appearance Customization
    [Collapse]End-User Features
     [Expand]End-User Capabilities
     [Collapse]Tooltip and Crosshair Cursor
       Crosshair Cursor
       Crosshair Cursor Customization
       Changing the Crosshair Cursor Layout
      Print and Export
      Chart Designer for End-Users
    [Expand]Design-Time Features
    [Expand]Additional Resources
   [Expand]Chart3D Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

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 common crosshair cursor label is displayed for all series by default. You can specify its position in two modes:

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

The CrosshairLabelPosition.Offset property allows you to change the current offset for both of the common crosshair label modes.

For instance, the following image shows a common crosshair label in the crosshair free mode with the CrosshairLabelPosition.Offset property set to (120,120).

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

The following image demonstrates a common crosshair label docked to the TopRight chart corner.

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

Expanded See Also

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