Docs update

Author: gvreddy04

…/BarChart/BarChartDocumentation_01.razor …mos/BarChart/BarChartDocumentation.razorBlazorExpress.ChartJS.Demo.RCL/Pages/Demos/BarChart/BarChartDocumentation_01.razor renamed to BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/BarChart/BarChartDocumentation.razor BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/BarChart/BarChartDocumentation_01.razor renamed to BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/BarChart/BarChartDocumentation.razor

@@ -16,8 +16,17 @@
     For data visualization, you can use the predefined palettes <code>ColorUtility.CategoricalTwelveColors</code> for a 12-color palette and <code>ColorUtility.CategoricalSixColors</code> for a 6-color palette.
     These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations.
 </BlazorBootstrap.Callout>
+
 <Demo Type="typeof(BarChart_Demo_01_Examples)" Tabs="true" />
 
+<Demo Type="typeof(BarChart_Demo_02_Horizontal_BarChart)" />
+
+<Demo Type="typeof(BarChart_Demo_03_Stacked_BarChart)" />
+
+<Demo Type="typeof(BarChart_Demo_04_Stacked_BarChart_with_Datalabels)" />
+
+<Demo Type="typeof(BarChart_Demo_05_Locale)" />
+
 @code {
     private const string pageUrl = "/charts/bar-chart";
     private const string title = "Blazor Bar Chart";

BlazorExpress.ChartJS.Demo.RCL/Pages/Demos/BarChart/BarChartDocumentation_00_API_Documentation.razor

@@ -18,6 +18,9 @@
 </BlazorBootstrap.Callout>
 <Demo Type="typeof(DoughnutChart_Demo_01_Examples)" Tabs="true" />
 
+<Section Size="HeadingSize.H4" Text="Data labels" PageUrl="@pageUrl" HashTagName="data-labels" />
+<Demo Type="typeof(DoughnutChart_Demo_02_Datalabels)" Tabs="true" />
+
 @code {
     private const string pageUrl = "/charts/doughnut-chart";
     private const string title = "Blazor Doughnut Chart";