JavaScript/jQuery PieChart - Group Smaller Points

Smaller points on the PieChart can be collected in a single group in one of the following modes:

  • Top N
    Top N points with the biggest values remain ungrouped; all other points form a group. The smallValuesGrouping.topCount property specifies the N.

    JavaScript
    • $(function() {
    • $("#pieChartContainer").dxPieChart({
    • smallValuesGrouping: {
    • mode: "topN",
    • topCount: 5
    • }
    • });
    • });
  • Threshold
    Points that fall beyond a threshold establish a group. The smallValuesGrouping.threshold property specifies the threshold.

    JavaScript
    • $(function() {
    • $("#pieChartContainer").dxPieChart({
    • smallValuesGrouping: {
    • mode: "smallValueThreshold",
    • threshold: 3.5
    • }
    • });
    • });

The group for small points is called "others" by default. You can change this using the smallValuesGrouping.groupName property.

JavaScript
  • $(function() {
  • $("#pieChartContainer").dxPieChart({
  • smallValuesGrouping: {
  • // ...
  • groupName: "miscellaneous"
  • }
  • });
  • });

View Demo