Updated DateRange sample

Author: joadan

docs/BlazorApexCharts.Docs/Components/RangeBarCharts/DateRange.razor

@@ -1,20 +1,26 @@
 <DemoContainer>
-    <ApexChart TItem="Activity"
+
+    @if (activities != null)
+    {
+        <ApexChart TItem="Activity"
                Title="Activities"
                Options=options
                XAxisType="XAxisType.Datetime">
-        <ApexRangeSeries TItem="Activity"
+            <ApexRangeSeries TItem="Activity"
                          Items="activities"
                          XValue="@(e => e.Name)"
-                         YValue="@(e =>e.ÁctivityDate.ToUnixTimeMilliseconds())" />
-    </ApexChart>
+                         YValue="@(e =>e.ActivityDate.ToUnixTimeMilliseconds())" />
+        </ApexChart>
+    }
+
+
 </DemoContainer>
 
 @code {
-    private List<Activity> activities { get; set; } = SampleData.GetActivites();
+    private List<Activity> activities;
     private ApexChartOptions<Activity> options;
 
-    protected override void OnInitialized()
+    protected override async Task OnInitializedAsync()
     {
         options = new ApexChartOptions<Activity>
             {
@@ -26,5 +32,14 @@
                     }
                 }
             };
+
+        activities = await LoadExternalData();
     }
+
+    private async Task<List<Activity>> LoadExternalData()
+    {
+        await Task.Delay(1000);
+        return SampleData.GetActivites();
+    }
+
     }

docs/BlazorApexCharts.Docs/Data/Activity.cs

@@ -9,6 +9,6 @@ namespace BlazorApexCharts.Docs
     public class Activity
     {
         public string  Name { get; set; }
-        public DateTimeOffset ÁctivityDate { get; set; }
+        public DateTimeOffset ActivityDate { get; set; }
     }
 }

docs/BlazorApexCharts.Docs/Data/SampleData.cs

@@ -59,14 +59,14 @@ public static List<Activity> GetActivites()
         {
             var result = new List<Activity>();
 
-            result.Add(new Activity { Name = "Design", ÁctivityDate = DateTimeOffset.Now.AddDays(-30)});
-            result.Add(new Activity { Name = "Design", ÁctivityDate = DateTimeOffset.Now.AddDays(-20)});
+            result.Add(new Activity { Name = "Design", ActivityDate = DateTimeOffset.Now.AddDays(-30)});
+            result.Add(new Activity { Name = "Design", ActivityDate = DateTimeOffset.Now.AddDays(-20)});
 
-            result.Add(new Activity { Name = "Develop", ÁctivityDate = DateTimeOffset.Now.AddDays(-22) });
-            result.Add(new Activity { Name = "Develop", ÁctivityDate = DateTimeOffset.Now.AddDays(-10) });
+            result.Add(new Activity { Name = "Develop", ActivityDate = DateTimeOffset.Now.AddDays(-22) });
+            result.Add(new Activity { Name = "Develop", ActivityDate = DateTimeOffset.Now.AddDays(-10) });
 
-            result.Add(new Activity { Name = "Test", ÁctivityDate = DateTimeOffset.Now.AddDays(-14) });
-            result.Add(new Activity { Name = "Test", ÁctivityDate = DateTimeOffset.Now.AddDays(-8) });
+            result.Add(new Activity { Name = "Test", ActivityDate = DateTimeOffset.Now.AddDays(-14) });
+            result.Add(new Activity { Name = "Test", ActivityDate = DateTimeOffset.Now.AddDays(-8) });
 
 
             return result;

src/Blazor-ApexCharts/Series/ApexBoxPlotSeries.cs

@@ -25,6 +25,7 @@ public ChartType GetChartType()
 
         public IEnumerable<IDataPoint<TItem>> GetData()
         {
+            
             var data = Items.GroupBy(e => XValue.Compile().Invoke(e)).Select(d => new ListPoint<TItem>
             {
                 X = d.Key,