Demos and other improvements (#5)

Author: gvreddy04

BlazorExpress.ChartJS.Demo.RCL/Components/Layout/MainLayout.razor.cs

@@ -19,7 +19,6 @@ internal override IEnumerable<NavItem> GetNavItems()
             new (){ Id = "4", Text = "Doughnut Chart", IconName = IconName.CircleFill, },
             new (){ Id = "401", Text = "Doughnut", Href = "/charts/doughnut-chart", IconName = IconName.Circle, ParentId = "4", Match = NavLinkMatch.All },
             new (){ Id = "402", Text = "Data labels", Href = "/charts/doughnut-chart/doughnut-labels", IconName = IconName.Circle, ParentId = "4", Match = NavLinkMatch.All },
-            new (){ Id = "403", Text = "Locale", Href = "/charts/doughnut-chart/locale", IconName = IconName.Circle, ParentId = "4", Match = NavLinkMatch.All },
 
             new (){ Id = "5", Text = "Line Chart", IconName = IconName.GraphUpArrow },
             new (){ Id = "500", Text = "Line", Href = "/charts/line-chart", IconName = IconName.GraphUp, ParentId = "5", Match = NavLinkMatch.All },
@@ -31,7 +30,6 @@ internal override IEnumerable<NavItem> GetNavItems()
             new (){ Id = "600", Text = "Pie", Href = "/charts/pie-chart", IconName = IconName.PieChart, ParentId = "6", Match = NavLinkMatch.All },
             new (){ Id = "600", Text = "Data labels", Href = "/charts/pie-chart/data-labels", IconName = IconName.PieChart, ParentId = "6", Match = NavLinkMatch.All },
             new (){ Id = "600", Text = "Legend position", Href = "/charts/pie-chart/legend", IconName = IconName.PieChart, ParentId = "6", Match = NavLinkMatch.All },
-            new (){ Id = "600", Text = "Locale", Href = "/charts/pie-chart/locale", IconName = IconName.PieChart, ParentId = "6", Match = NavLinkMatch.All },
 
         };
 

BlazorExpress.ChartJS.Demo.RCL/Components/Pages/BarCharts/BarChart_Demo_01_Examples.razor

@@ -1,4 +1,4 @@
-<BarChart @ref="barChart" Width="500" Height="300" />
+<BarChart @ref="barChart" />
 
 <div class="mt-5">
     <button class="btn btn-primary btn-sm" @onclick="async () => await RandomizeAsync()"> Randomize </button>

BlazorExpress.ChartJS.Demo.RCL/Components/Pages/BarCharts/BarChart_Demo_02_Horizontal_BarChart.razor

@@ -1,4 +1,4 @@
-<BarChart @ref="barChart" Width="500" Height="300" />
+<BarChart @ref="barChart" />
 
 @code {
     private BarChart barChart = default!;

BlazorExpress.ChartJS.Demo.RCL/Components/Pages/BarCharts/BarChart_Demo_03_Stacked_BarChart.razor

@@ -1,4 +1,4 @@
-<BarChart @ref="barChart" Width="500" Height="300" />
+<BarChart @ref="barChart" />
 
 @code {
     private BarChart barChart = default!;

BlazorExpress.ChartJS.Demo.RCL/Components/Pages/BarCharts/BarChart_Demo_04_Stacked_BarChart_with_Datalabels.razor

@@ -1,4 +1,4 @@
-<BarChart @ref="barChart" Width="500" Height="300" />
+<BarChart @ref="barChart" />
 
 @code {
     private BarChart barChart = default!;

BlazorExpress.ChartJS.Demo.RCL/Components/Pages/BarCharts/BarChart_Demo_05_Locale.razor

@@ -1,4 +1,4 @@
-<BarChart @ref="barChart" Width="500" Height="300" />
+<BarChart @ref="barChart" />
 
 @code {
     private BarChart barChart = default!;

BlazorExpress.ChartJS.Demo.RCL/Components/Pages/DoughnutCharts/DoughnutChartDocumentation_03.razor

@@ -1,10 +1,5 @@
 <DoughnutChart @ref="doughnutChart" Width="500" />
 
-<div class="mt-5">
-    <button class="btn btn-primary btn-sm" @onclick="async () => await RandomizeAsync()"> Randomize </button>
-    <button class="btn btn-primary btn-sm" @onclick="async () => await AddDataAsync()">Add Data</button>
-</div>
-
 @code {
     private DoughnutChart doughnutChart = default!;
     private DoughnutChartOptions doughnutChartOptions = default!;
@@ -37,58 +32,6 @@
         await base.OnAfterRenderAsync(firstRender);
     }
 
-    private async Task RandomizeAsync()
-    {
-        if (chartData is null || chartData.Datasets is null || !chartData.Datasets.Any()) return;
-
-        var newDatasets = new List<IChartDataset>();
-
-        foreach (var dataset in chartData.Datasets)
-        {
-            if (dataset is DoughnutChartDataset doughnutChartDataset
-                && doughnutChartDataset is not null
-                && doughnutChartDataset.Data is not null)
-            {
-                var count = doughnutChartDataset.Data.Count;
-
-                var newData = new List<double>();
-                for (var i = 0; i < count; i++)
-                {
-                    newData.Add(random.Next(0, 100));
-                }
-
-                doughnutChartDataset.Data = newData;
-                newDatasets.Add(doughnutChartDataset);
-            }
-        }
-
-        chartData.Datasets = newDatasets;
-
-        await doughnutChart.UpdateAsync(chartData: chartData, chartOptions: doughnutChartOptions);
-    }
-
-    private async Task AddDataAsync()
-    {
-        if (dataLabelsCount >= 12)
-            return;
-
-        if (chartData is null || chartData.Datasets is null)
-            return;
-
-        var data = new List<IChartDatasetData>();
-        foreach (var dataset in chartData.Datasets)
-        {
-            if (dataset is DoughnutChartDataset doughnutChartDataset)
-            {
-                data.Add(new DoughnutChartDatasetData(doughnutChartDataset.Label, random.Next(0, 100), backgroundColors![dataLabelsCount]));
-            }
-        }
-
-        chartData = await doughnutChart.AddDataAsync(chartData, GetNextDataLabel(), data);
-
-        dataLabelsCount += 1;
-    }
-
     #region Data Preparation
 
     private List<IChartDataset> GetDefaultDataSets(int numberOfDatasets)

BlazorExpress.ChartJS.Demo.RCL/Components/Pages/DoughnutCharts/DoughnutChart_Demo_02_Datalabels.razor

@@ -1,4 +1,4 @@
-<LineChart @ref="lineChart" Width="500" Height="200" />
+<LineChart @ref="lineChart" />
 
 <div class="mt-5">
     <button class="btn btn-primary btn-sm" @onclick="async () => await RandomizeAsync()"> Randomize </button>