Added custom enum converter to support enum values

Author: joadan

samples/ChartSamples/Pages/DateTimeChart.razor

@@ -2,9 +2,11 @@
 
 <h3>DateTime Chart</h3>
 
+
+
 <div class="row">
     <div class="col-md-12 col-lg-6">
-        <ApexChart TItem="Order" Title="Orders Value"
+        <ApexChart TItem="Order" Title="Orders Value" Debug
                    OnDataPointSelection="DataPointSelected"
                    ChartType="ChartType.Bar"
                    XAxisType="XaxisType.Datetime"
@@ -32,9 +34,12 @@
 @code {
     private ApexChartOptions<Order> options = new ApexCharts.ApexChartOptions<Order>();
     private SelectedData<Order> selectedData;
-
     protected override void OnInitialized()
     {
+
+        //Stacked 100% test
+        options.Chart = new Chart { Stacked = true, Type = ChartType.Bar, StackType = StackType.Percent100 };
+
         options.Tooltip = new Tooltip { X = new TooltipX { Format = @"MMMM \ yyyy" } };
 
         options.Subtitle = new Subtitle { OffsetY = 15, Text = "DateTime sample with options" };

samples/ChartSamples/Properties/launchSettings.json

@@ -11,7 +11,7 @@
     "IIS Express": {
       "commandName": "IISExpress",
       "launchBrowser": true,
-      "launchUrl": "Blazor-ApexCharts/series-options",
+      "launchUrl": "Blazor-ApexCharts/datetime-chart",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       },

src/Blazor-ApexCharts/ApexChart.razor.cs

@@ -193,9 +193,9 @@ public async Task Render()
                 PropertyNamingPolicy = JsonNamingPolicy.CamelCase,
                 IgnoreNullValues = true,
             };
-            serializerOptions.Converters.Add(new JsonStringEnumConverter(JsonNamingPolicy.CamelCase));
+           
             serializerOptions.Converters.Add(new DataPointConverter<TItem>());
-
+            serializerOptions.Converters.Add(new CustomJsonStringEnumConverter());
             var jsonOptions = JsonSerializer.Serialize(Options, serializerOptions);
             await JSRuntime.InvokeVoidAsync("blazor_apexchart.renderChart", ObjectReference, ChartContainer, jsonOptions);
             await OnDataPointSelection.InvokeAsync(null);

src/Blazor-ApexCharts/ApexSeries.cs

@@ -26,7 +26,7 @@ public class ApexSeries<TItem> : ComponentBase, IDisposable where TItem : class
         private readonly Series<TItem> series = new Series<TItem>();
         private IEnumerable<DataPoint<TItem>> currentDatalist;
 
-        protected override async Task OnParametersSetAsync()
+        protected override void OnParametersSet()
         {
             series.Name = Name;
             series.ShowDataLabels = ShowDataLabels;

src/Blazor-ApexCharts/Models/ApexChartOptions.cs

@@ -1,5 +1,6 @@
 using System.Collections.Generic;
 using System;
+using System.Runtime.Serialization;
 
 namespace ApexCharts
 {
@@ -3137,7 +3138,10 @@ public class ApexThemeMonochrome
 
     public enum Easing { Easein, Easeinout, Easeout, Linear };
 
-    public enum StackType { Normal, The100 };
+    public enum StackType { 
+        Normal,
+        [EnumMember(Value = "100%")]
+        Percent100 };
 
     public enum AutoSelected { Pan, Selection, Zoom };
 

src/Blazor-ApexCharts/Models/Converters/CustomJsonStringEnumConverter.cs

@@ -0,0 +1,65 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Text.Json;
+using System.Text.Json.Serialization;
+
+namespace ApexCharts.Models
+{
+
+    //https://stackoverflow.com/questions/59059989/system-text-json-how-do-i-specify-a-custom-name-for-an-enum-value
+    public class CustomJsonStringEnumConverter : JsonConverterFactory
+    {
+        private readonly JsonNamingPolicy namingPolicy;
+        private readonly bool allowIntegerValues;
+        private readonly JsonStringEnumConverter baseConverter;
+
+        public CustomJsonStringEnumConverter() : this(null, true) { }
+
+        public CustomJsonStringEnumConverter(JsonNamingPolicy namingPolicy = null, bool allowIntegerValues = true)
+        {
+            this.namingPolicy = namingPolicy;
+            this.allowIntegerValues = allowIntegerValues;
+            this.baseConverter = new JsonStringEnumConverter(namingPolicy, allowIntegerValues);
+        }
+
+        public override bool CanConvert(Type typeToConvert) => baseConverter.CanConvert(typeToConvert);
+
+        public override JsonConverter CreateConverter(Type typeToConvert, JsonSerializerOptions options)
+        {
+            var query = from field in typeToConvert.GetFields(BindingFlags.Public | BindingFlags.Static)
+                        let attr = field.GetCustomAttribute<EnumMemberAttribute>()
+                        where attr != null
+                        select (field.Name, attr.Value);
+            var dictionary = query.ToDictionary(p => p.Item1, p => p.Item2);
+            if (dictionary.Count > 0)
+            {
+                return new JsonStringEnumConverter(new DictionaryLookupNamingPolicy(dictionary, namingPolicy), allowIntegerValues).CreateConverter(typeToConvert, options);
+            }
+            else
+            {
+                return new JsonStringEnumConverter(JsonNamingPolicy.CamelCase).CreateConverter(typeToConvert, options);
+            }
+        }
+    }
+
+    public class JsonNamingPolicyDecorator : JsonNamingPolicy
+    {
+        readonly JsonNamingPolicy underlyingNamingPolicy;
+
+        public JsonNamingPolicyDecorator(JsonNamingPolicy underlyingNamingPolicy) => this.underlyingNamingPolicy = underlyingNamingPolicy;
+
+        public override string ConvertName(string name) => underlyingNamingPolicy == null ? name : underlyingNamingPolicy.ConvertName(name);
+    }
+
+    internal class DictionaryLookupNamingPolicy : JsonNamingPolicyDecorator
+    {
+        readonly Dictionary<string, string> dictionary;
+
+        public DictionaryLookupNamingPolicy(Dictionary<string, string> dictionary, JsonNamingPolicy underlyingNamingPolicy) : base(underlyingNamingPolicy) => this.dictionary = dictionary ?? throw new ArgumentNullException();
+
+        public override string ConvertName(string name) => dictionary.TryGetValue(name, out var value) ? value : base.ConvertName(name);
+    }
+}