Merge pull request #610 from apexcharts/click-issue

Fixed clicked issue

Author: joadan

docs/BlazorApexCharts.Docs/Components/Issues/ClickIssue.razor

@@ -0,0 +1,40 @@
+@page "/issues/click"
+<ApexChart TItem="MyData"
+           Title="Sample Data" OnClick="Click">
+
+    <ApexPointSeries TItem="MyData"
+                     Items="Data"
+                     Name="Net Profit"
+                     SeriesType="SeriesType.Bar"
+                     XValue="e => e.Category"
+                     YValue="e=> e.NetProfit" />
+
+    <ApexPointSeries TItem="MyData"
+                     Items="Data"
+                     Name="Revenue"
+                     SeriesType="SeriesType.Bar"
+                     XValue="e => e.Category"
+                     YValue="e=> e.Revenue" />
+</ApexChart>
+
+@code {
+    private List<MyData> Data { get; set; } = new();
+    protected override void OnInitialized()
+    {
+        Data.Add(new MyData { Category = "Jan", NetProfit = 12, Revenue = 33 });
+        Data.Add(new MyData { Category = "Feb", NetProfit = 43, Revenue = 42 });
+        Data.Add(new MyData { Category = "Mar", NetProfit = 112, Revenue = 23 });
+    }
+
+    public class MyData
+    {
+        public string Category { get; set; }
+        public int NetProfit { get; set; }
+        public int Revenue { get; set; }
+    }
+
+    private void Click(SelectedData<MyData> obj)
+    {
+        Console.WriteLine(obj.DataPointIndex);
+    }
+}

src/Blazor-ApexCharts/Internal/JSLoader.cs

@@ -15,7 +15,7 @@ public static class JSLoader
     /// <param name="path"></param>
 	public static async Task<IJSObjectReference> LoadAsync(IJSRuntime jsRuntime, string path = null)
     {
-        var javascriptPath = "./_content/Blazor-ApexCharts/js/blazor-apexcharts.js?ver=6.0";
+        var javascriptPath = "./_content/Blazor-ApexCharts/js/blazor-apexcharts.js?ver=6.0.1";
         if (!string.IsNullOrWhiteSpace(path)) { javascriptPath = path; }
 
         // load Module ftom ES6 script

src/Blazor-ApexCharts/wwwroot/js/blazor-apexcharts.js

@@ -474,10 +474,10 @@ window.blazor_apexchart = {
                     seriesIndex: -1
                 };
 
-                if (config.dataPointIndex >= 0)
-                    selection.dataPointIndex = config.dataPointIndex;
+                if (config.dataPointIndex >= 0 && config.dataPointIndex !== null)
+                    selection.dataPointIndex = Number(config.dataPointIndex);
 
-                if (config.seriesIndex >= 0)
+                if (config.seriesIndex >= 0 && config.seriesIndex !== null)
                     selection.seriesIndex = config.seriesIndex;
 
                 dotNetObject.invokeMethodAsync('JSClick', selection);