Vue PieChart - series.smallValuesGrouping

If you need to group specific chart segments into one, use the options 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 option. To group all segments with the value less than the value of the threshold option, use a 'smallValueThreshold' mode.

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

View Demo

If you need to group specific chart segments into one, set the options of the smallValuesGrouping configuration object. Using the mode option 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 option.

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

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

When using the widget as an ASP.NET MVC Control, specify this option using the SmallValuesGroupingMode enum. This enum accepts the following values: TopN, SmallValueThreshold and None.

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 option.