Merge branch 'features/create-table-for-chartjs-version-support' of https://github.com/BlazorExpress/BlazorExpress.ChartJS into features/create-table-for-chartjs-version-support

Author: gvreddy04

README.md

@@ -49,48 +49,43 @@ Get started any way you want
 | Charts: Radar chart | [Demos](https://chartjs.blazorexpress.com/demos/radar-chart) | [Docs](https://chartjs.blazorexpress.com/docs/radar-chart) |
 | Charts: Scatter chart | [Demos](https://chartjs.blazorexpress.com/demos/scatter-chart) | [Docs](https://chartjs.blazorexpress.com/docs/scatter-chart) |
 
-## Combo bar/line
-
-`BarChart` and `LineChart` both support mixed bar/line datasets. Add `BarChartDataset` and `LineChartDataset` instances to the same `ChartData.Datasets` collection and initialize either chart component as the root chart.
-
-```razor
-<BarChart @ref="chart" Width="600" />
-
-@code {
-  private BarChart chart = default!;
-  private readonly BarChartOptions options = new()
-  {
-    Responsive = true,
-    Interaction = new Interaction { Mode = InteractionMode.Index, Intersect = false },
-  };
-
-  private readonly ChartData chartData = new()
-  {
-    Labels = new List<string> { "January", "February", "March" },
-    Datasets = new List<IChartDataset>
-    {
-      new BarChartDataset
-      {
-        Label = "Revenue",
-        Data = new List<double?> { 65, 59, 80 },
-      },
-      new LineChartDataset
-      {
-        Label = "Target",
-        Data = new List<double?> { 50, 55, 60 },
-      },
-    },
-  };
-
-  protected override async Task OnAfterRenderAsync(bool firstRender)
-  {
-    if (firstRender)
-      await chart.InitializeAsync(chartData, options);
-  }
-}
-```
-
-Use `LineChart` the same way when you want the line configuration to be the root chart type.
+## Screenshots
+
+### Bar chart
+
+<img width="627" height="372" alt="image" src="https://github.com/user-attachments/assets/eb2ee933-92f4-4505-9ffe-a07ebcc81b10" />
+
+<img width="614" height="315" alt="image" src="https://github.com/user-attachments/assets/f4936bbc-9ebc-469e-828b-94078c8df9ee" />
+
+### Bubble Chart
+
+<img width="627" height="374" alt="image" src="https://github.com/user-attachments/assets/35da28e4-8e28-488b-8110-fb704399e18a" />
+
+### Doughnut Chart
+
+<img width="627" height="672" alt="image" src="https://github.com/user-attachments/assets/69226e90-a12d-40de-9993-3a2df1f06978" />
+
+### Line Chart
+
+<img width="626" height="318" alt="image" src="https://github.com/user-attachments/assets/40da8b8d-e88a-4b34-a9a4-99a8a1bcec7c" />
+
+<img width="610" height="320" alt="image" src="https://github.com/user-attachments/assets/61d56847-2cd1-44d3-8916-777c331a1b62" />
+
+### Pie Chart
+
+<img width="628" height="626" alt="image" src="https://github.com/user-attachments/assets/88889e02-3149-4a16-afe6-288eabf69daa" />
+
+### PolarArea Chart
+
+<img width="617" height="669" alt="image" src="https://github.com/user-attachments/assets/5c3d6004-1de1-4a83-a05b-63bb5cb64a57" />
+
+### Radar Chart
+
+<img width="626" height="671" alt="image" src="https://github.com/user-attachments/assets/2d2f7989-08d7-4f6f-b33a-dbbca1fde74b" />
+
+### Scatter Chart
+
+<img width="939" height="531" alt="image" src="https://github.com/user-attachments/assets/47de0935-afb0-4c6d-ad8b-a1c5195b3e30" />
 
 More components coming...