Merge pull request #167 from matheusjulio96/master

Update apex-charts js lib to v3.16.0. Add total data label for stacked bar chart

Author: joadan

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

@@ -38,6 +38,12 @@
         </Snippet>
     </CodeSnippet>
 
+    <CodeSnippet Title="Stacked Total Data Label" ClassName=@typeof(StackedTotalDataLabel).ToString()>
+        <Snippet>
+            <StackedTotalDataLabel />
+        </Snippet>
+    </CodeSnippet>
+
     <CodeSnippet Title="Numeric X Axis" ClassName=@typeof(NumericXAxis).ToString()>
         <Snippet>
             <NumericXAxis />

docs/BlazorApexCharts.Docs/Components/ChartTypes/BarCharts/StackedTotalDataLabel.razor

@@ -0,0 +1,60 @@
+<DemoContainer>
+    <ApexChart TItem="Order"
+               Title="Order Net Value"
+               Options=options>
+
+        <ApexPointSeries TItem="Order"
+                         Items="Orders"
+                         Name="Gross Value"
+                         SeriesType="SeriesType.Bar"
+                         XValue="@(e => e.Country)"
+                         YAggregate="@(e => e.Sum(e => e.GrossValue))"
+                         OrderByDescending="e=>e.Y"
+                         ShowDataLabels />
+
+        <ApexPointSeries TItem="Order"
+                         Items="Orders"
+                         Name="Net Value"
+                         SeriesType="SeriesType.Bar"
+                         XValue="@(e => e.Country)"
+                         YAggregate="@(e => e.Sum(e => e.NetValue))"
+                         OrderByDescending="e=>e.Y"
+                         ShowDataLabels />
+    </ApexChart>
+</DemoContainer>
+
+@code {
+
+    private List<Order> Orders { get; set; } = SampleData.GetOrders();
+    private ApexChartOptions<Order> options;
+
+    protected override void OnInitialized()
+    {
+        options = new ApexChartOptions<Order>
+            {
+                Chart = new Chart
+                {
+                    Stacked = true,
+                },
+                PlotOptions = new PlotOptions
+                {
+                    Bar = new PlotOptionsBar
+                    {
+                        DataLabels = new PlotOptionsBarDataLabels
+                        {
+                            Total = new BarTotalDataLabels
+                            {
+                                Enabled = true,
+                                Style = new BarDataLabelsStyle
+                                {
+                                    FontWeight = "800"
+                                }
+                            }
+                        }
+                    }
+                },
+                Colors = new List<string> { "#5cb85c", "#d9534f" }
+            };
+    }
+}
+

src/Blazor-ApexCharts/Models/ApexChartOptions.cs

@@ -899,6 +899,24 @@ public class PlotOptionsBarDataLabels
         public double? MaxItems { get; set; }
         public Orientation? Orientation { get; set; }
         public string Position { get; set; }
+        public BarTotalDataLabels Total { get; set; }
+    }
+
+    public class BarTotalDataLabels
+    {
+        public bool Enabled { get; set; }
+        public string Formatter { get; set; }
+        public double? OffsetX { get; set; }
+        public double? OffsetY { get; set; }
+        public BarDataLabelsStyle Style { get; set; }        
+    }
+
+    public class BarDataLabelsStyle
+    {
+        public string Color { get; set; }
+        public string FontSize { get; set; }
+        public string FontFamily { get; set; }
+        public object FontWeight { get; set; }
     }
 
     public class PlotOptionsBubble