[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
  Prerequisites
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Collapse]Charts Suite
   [Collapse]Chart Control
    [Expand]Getting Started
    [Expand]Fundamentals
    [Collapse]Providing Data
      Create a Series Manually
      Add Points to a Series Manually
      Bind a Series to a Data Source
      Define a Template for Automatic Series
      Provide Data for the Drill Mode
      Best Practices: Display Large Data
      Series Scale Types
      Data Aggregation
      Calculate Summaries
      Data Filtering
      Colorizers
      Work Time and Workday Configuration
      Top N and Others
      Histogram
    [Expand]Chart Elements
    [Expand]Appearance Customization
    [Expand]End-User Features
    [Expand]Design-Time Features
    [Expand]Examples
    [Expand]Additional Resources
   [Expand]Chart3D Control
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [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
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Top N and Others

The "Top N" feature allows you to reduce the data point count by grouping points that do not belong to "Top N" values into an "Others" point.

This feature applies to data sets that have qualitative argument values. You can use series with the Pie (Donut) or Bar series view to visualize these data sets.

Important

In case of stacked bars each series selects its top values only by this series's values, not by total value of all series.

Use the following markup to configure the "Top N" feature:

The code above uses the following properties:

Property Description
Series.TopNOptions Gets or sets the Top N and Others series' options.
CountTopNOptions The "Top N and Others" feature options that selects first N largest points.
CountTopNOptions.Count Gets or sets the number of points with the largest values that the series should show.
TopNOptionsBase.ShowOthers Gets or sets the value indicating whether a series should show the aggregated "Others" point.
TopNOptionsBase.OthersArgument Gets or sets the value that the aggregated "Others" point uses as the point's argument.
PieSeries.OthersPointExplodedDistance Gets or sets the "Others" slice offset from the pie center.

In addition to the Top N behavior that selects the first N items, the Chart Control provides other behaviors which select top values:

Note

All charts in the following table are based on the same dataset.

Description

Sample Image

First Top N Points

The CountTopNOptions class implements this behavior. It joins all points except the first N points with the largest values.

For example, the following image demonstrates a bar chart with this behavior and the count set to 5:

Top Points by Value

The ValueTopNOptions class implements this behavior. It joins points whose values are smaller than the threshold value.

For example, the following image demonstrates a bar chart with this behavior and the threshold value set to 3000:

Top Points by Percentage Value

The PercentageTopNOptions class implements this behavior. It joins points whose values are smaller than the threshold value as a percentage.

For example, the following image demonstrates a bar chart with this behavior and the threshold value set to 5:

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