Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Collapse]Chart Control
   [Expand]Getting Started
   [Expand]Fundamentals
   [Expand]Providing Data
   [Expand]Appearance Customization
   [Collapse]End-User Features
    [Collapse]Basic End-User Interaction
      Selecting and Highlighting (2D Charts)
      Zooming and Scrolling (2D XY-Charts)
      Zooming and Scrolling (3D Charts)
      Rotation (3D Charts)
    [Expand]Crosshair Cursor
     Tooltips
    [Expand]Animation
     Printing and Exporting
     Chart Designer for End-Users
     Integration with a Range Control
     Chart Wizard for End-Users
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
   [Expand]Additional Resources
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Selecting and Highlighting (2D Charts)

End users are able to highlight and select different chart elements at runtime via the mouse pointer or using different gestures in a touchscreen device. This feature is useful if, for example, it's required to show certain information when the mouse pointer hovers over specific chart elements. To see how to accomplish a similar task, please refer to the following document in this help: How to: Determine which Series Point Is Located Under the Test Point.

To enable this feature, set the ChartControl.RuntimeSelection (WebChartControl.RuntimeSelection) property to true. If this selection is enabled, and a mouse pointer or your finger hot-tracks any of the selectable elements, the ChartControl.ObjectHotTracked event occurs, and if an end-user selects any element, the ChartControl.ObjectSelected (WebChartControl.ObjectSelected) event occurs.

Note

Chart elements highlighting and selection is available only for 2D Chart Types.

Also, highlighting chart elements isn't supported by the WebChartControl, because this requires too much information to be sent from a server to a client during callbacks every time a mouse pointer is moved.

Below is the list of visual chart elements which can be highlighted or selected by an end user:

Expanded Highlighting Chart Elements

To highlight any chart element, an end user should hover over the area of a particular element either with the mouse pointer or using the drag gesture in a touchscreen device. The following image demonstrates how a constant line and a single series are painted if highlighted by an end user using the mouse pointer.

Expanded Selecting Chart Elements

To select any chart element, an end user should tap a particular chart element in a touchscreen device or hover over a chart's area with the mouse pointer, and then click the left mouse button. The following image demonstrates how a constant line and a single series are painted if selected by an end user using the mouse pointer.

Expanded See Also

How would you rate this topic?​​​​​​​