Angular 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"
- }
- });
- });
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.