React PieChart - commonSeriesSettings.smallValuesGrouping

If you need to group specific chart segments into one, use the properties of the smallValuesGrouping configuration object.

You can group segments in two different modes. Use a 'topN' mode to group all segments that have an index that is equal to or greater than the value of the topCount property. To group all segments with the value less than the value of the threshold property, use a 'smallValueThreshold' mode.

By default, the resulting segment is called "others". To change this name, specify the groupName property.

View Demo

If you need to group specific chart segments into one, set the properties of the smallValuesGrouping configuration object. Using the mode property of this object, you can define the grouping mode.

Use a 'topN' mode to group all segments with an index that is equal to or greater than the value of the topCount property.

To group all segments with a value less than the value of the threshold property, set a 'smallValueThreshold' mode.

To switch the grouping off, assign 'none' to the mode property.

View Demo

When you use the 'smallValueThreshold' grouping mode, specify a value that will serve as a threshold for chart segments. All segments with a value less than the threshold will be grouped into the "others" segment.

In the 'topN' grouping mode, PieChart displays the top N segments separated while the rest are grouped into one. To specify the N number, use the topCount property.