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
   [Expand]End-User Features
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Collapse]Examples
    [Expand]General
    [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]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

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.

Note

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.

Show Me

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

Expanded See Also

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