Add groupValues

Author: joadan

docs/BlazorApexCharts.Docs/Components/Features/Data/ChartData.razor

@@ -2,6 +2,12 @@
 
 <DocExamples Title="Chart Data">
 
+    <CodeSnippet Title="Group Values" ClassName=@typeof(GroupValues).ToString()>
+        <Snippet>
+            <GroupValues />
+        </Snippet>
+    </CodeSnippet>
+@*
     <CodeSnippet Title="Data Async" ClassName=@typeof(DataAsync).ToString()>
         <Snippet>
             <DataAsync />
@@ -13,5 +19,5 @@
             <NoData />
         </Snippet>
     </CodeSnippet>
-
+*@
 </DocExamples>

docs/BlazorApexCharts.Docs/Components/Features/Data/GroupValues.razor

@@ -0,0 +1,18 @@
+<DemoContainer>
+    <ApexChart TItem="Order"
+               Title="Order Gross Value"
+               GroupValues="new ApexCharts.GroupValues { MaxValuesCount = 4}">
+
+        <ApexPointSeries TItem="Order"
+                         Items="Orders"
+                         Name="Gross Value"
+                         SeriesType="SeriesType.Pie"
+                         XValue="@(e => e.Country)"
+                         YAggregate="@(e => e.Sum(e => e.GrossValue))"
+                         OrderByDescending="e=>e.Y" />
+    </ApexChart>
+</DemoContainer>
+
+@code {
+    private List<Order> Orders { get; set; } = SampleData.GetOrders();
+}

src/Blazor-ApexCharts/ApexChart.razor.cs

@@ -36,6 +36,7 @@ public partial class ApexChart<TItem> : IDisposable where TItem : class
 
         [Parameter] public EventCallback OnRendered { get; set; }
         [Parameter] public Func<decimal, string> FormatYAxisLabel { get; set; }
+        [Parameter] public GroupValues GroupValues { get; set; }
 
         private ChartSerializer chartSerializer = new();
         public List<IApexSeries<TItem>> Series => apexSeries;

src/Blazor-ApexCharts/Models/DataPoints/ListPoint.cs

@@ -1,9 +1,5 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
+using System.Collections.Generic;
 using System.Text.Json.Serialization;
-using System.Threading.Tasks;
 
 namespace ApexCharts
 {

src/Blazor-ApexCharts/Models/GroupValues.cs

@@ -0,0 +1,27 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace ApexCharts
+{
+    public class GroupValues
+    {
+        /// <summary>
+        /// Indicates the max value of values to show, including the grouped values.
+        /// </summary>
+        public int? MaxValuesCount { get; set; }
+
+        /// <summary>
+        /// The precentage value that indicate if a value should be grouped.
+        /// </summary>
+        public decimal? PercentageThreshold { get; set; }
+
+        public string Name { get; set; } = "Other";
+        public bool Show { get; set; } = true;
+    }
+
+  
+
+}