• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of Trackball in ASP.NET Core Chart Control

This sample illustrates trackball feature in chart. To show trackball, hover or long press the chart and you can see the point value near to the mouse point.


This sample demonstrates the trackball behavior in chart. Trackball is used to track a data point closer to the current mouse position or touch contact point. You can show tooltip for individual point or group of points closer to mouse position using shared properties in tooltip.

Hover the chart area to view trackball and its tooltip. Touch and hold to enable trackball in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use Trackball, we need to inject Tooltip module into services.

More information on the Tooltip and Trackball can be found in this   documentation section.