[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [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]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Collapse]Chart Control
   [Expand]Getting Started
   [Expand]Charting Basics
   [Expand]Series Views
   [Expand]Chart Elements
   [Expand]Providing Data
   [Expand]Data Representation
   [Expand]Appearance Customization
   [Expand]End-User Features
   [Expand]Design-Time Features
   [Expand]Visual Elements
    [Collapse]Creating Charts
     [Expand]Providing Data
     [Expand]Data Representation
     [Collapse]Appearance Customization
       How to: Customize a Chart's Appearance
       How to: Customize the Appearance of a Chart's Legend
       How to: Customize Gridlines and Tickmarks of an Axis
       How to: Customize the Appearance of a Pane's Scroll Bar (Runtime Sample)
       How to: Custom Draw Series
       How to: Custom Draw Series Points
       How to: Conditionally Hide Series Labels
       How to: Make Series Labels Display Custom Information
       How to: Avoid Overlapping of Series Labels
       How to: Change the Names for Auto-Created Series
       How to: Custom Draw a Crosshair Cursor
       How to: Display Axis Labels Between Tickmarks
     [Expand]Series Views
    [Expand]Chart Elements
    [Expand]End-User Interaction
    [Expand]Producing Output
   [Expand]Additional Resources
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[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]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)

How to: Avoid Overlapping of Series Labels

This tutorial explains how overlap resolving can be applied to series labels.

When series point labels are numerous and lengthy, they may overlap, making a chart crowded, and its data unreadable. Shown below is the appearance of a Line series, whose points are too close to each other, so that their labels overlap.

XtraCharts can help to avoid this, by applying an overlap resolving algorithm to series labels. Then, label overlap is auto-detected, and based on a chosen algorithm, either hides the overlapped labels, or distributes labels to avoid overlap. This functionality is available for both 2D and 3D chart types.


The available modes differ from one series view type to another, and in this example we'll use the most popular Line view type. To learn which options are available for each view type, refer to Series Point Labels.

To enable overlap detection, simply set the SeriesLabelBase.ResolveOverlappingMode property to a value other than None. The set of modes that are available for this property depend on the view type of the series. For the Line series, the following options are available:

For example, set the SeriesLabelBase.ResolveOverlappingMode property to HideOverlapped, to get the following result.

For information on the availability of specific overlap resolving modes for every chart type, refer to the corresponding section of the Series Point Labels document.

In addition, you can specify the minimum indent which should be preserved between adjacent series labels, via the SeriesLabelBase.ResolveOverlappingMinIndent property.


A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=E1273.

Expanded See Also

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