Merge pull request #192 from apexcharts/add-total-formatter

Added RadialBar total formatter

Author: joadan

docs/BlazorApexCharts.Docs.Server/Properties/launchSettings.json

@@ -3,7 +3,7 @@
     "IIS Express": {
       "commandName": "IISExpress",
       "launchBrowser": true,
-      "launchUrl": "features/chart-data",
+      "launchUrl": "radialbar-charts",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       }

docs/BlazorApexCharts.Docs/Components/ChartTypes/RadialBarCharts/RadialBarCharts.razor

@@ -8,4 +8,10 @@
         </Snippet>
     </CodeSnippet>
 
+    <CodeSnippet Title="Total Formatter" ClassName=@typeof(TotalFormatter).ToString()>
+        <Snippet>
+            <TotalFormatter />
+        </Snippet>
+    </CodeSnippet>
+
 </DocExamples>

docs/BlazorApexCharts.Docs/Components/ChartTypes/RadialBarCharts/TotalFormatter.razor

@@ -0,0 +1,48 @@
+
+<DemoContainer>
+    <ApexChart TItem="Order"
+               Title="Discount"
+               Options="options">
+
+        <ApexPointSeries TItem="Order"
+                         Items="orders"
+                         SeriesType=SeriesType.RadialBar
+                         Name="Gross Value"
+                         XValue="@(e => e.Country)"
+                         YAggregate="@(e => decimal.Round(e.Average(e => e.DiscountPercentage)))"
+                         OrderByDescending="e=>e.Y" />
+    </ApexChart>
+</DemoContainer>
+
+
+
+@code {
+    private List<Order> orders = SampleData.GetOrders();
+    private ApexChartOptions<Order> options = new();
+
+    protected override void OnInitialized()
+    {
+
+        options.PlotOptions = new PlotOptions
+            {
+                RadialBar = new PlotOptionsRadialBar
+                {
+                    DataLabels = new RadialBarDataLabels
+                    {
+                        Total = new RadialBarDataLabelsTotal
+                        {
+                            Show = true,
+                            Label = "My Total",
+                            FontSize = "24",
+                            Formatter = @"function (w) {
+                    return '[' + w.globals.seriesTotals.reduce((a, b) => {
+                      return a + b
+                    }, 0) / w.globals.series.length + '%' + ']'
+                  }"
+                        }
+                    }
+                }
+            };
+
+    }
+}

src/Blazor-ApexCharts/Models/ApexChartOptions.cs

@@ -1119,6 +1119,7 @@ public class RadialBarDataLabelsTotal
         public object FontWeight { get; set; }
         public string Label { get; set; }
         public bool? Show { get; set; }
+        public string Formatter { get; set; }
     }
 
     public class RadialBarDataLabelsValue