private BarChart barChart = default!;
private BarChartOptions barChartOptions = default!;
private ChartData chartData = default!;


protected override void OnInitialized()
{
    var colors = ColorUtility.CategoricalTwelveColors;

    var labels = new List<string> { "1", "2", "3", "4" ,"5","6","7","8","9","10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20" };
    var datasets = new List<IChartDataset>();

    var dataset1 = new BarChartDataset()
    {
        Label = "Windows",
        Data = new List<double?> { 28000, 8000, 2000, 17000, 8000, 2000, 17000, 8000, 2000, 17000, 28000, 8000, 2000, 17000, 8000, 2000, 17000, 8000, 2000, 17000 },
        BackgroundColor = new List<string> { colors[0] },
        BorderColor = new List<string> { colors[0] },
        BorderWidth = new List<double> { 0 },
    };
    datasets.Add(dataset1);

    var dataset2 = new BarChartDataset()
    {
        Label = "macOS",
        Data = new List<double?> { 8000, 10000, 14000, 8000, 10000, 14000, 8000, 10000, 14000, 8000, 8000, 10000, 14000, 8000, 10000, 14000, 8000, 10000, 14000, 8000 },
        BackgroundColor = new List<string> { colors[1] },
        BorderColor = new List<string> { colors[1] },
        BorderWidth = new List<double> { 0 },
    };
    datasets.Add(dataset2);

    var dataset3 = new BarChartDataset()
    {
        Label = "Other",
        Data = new List<double?> { 28000, 10000, 14000, 8000, 10000, 14000, 8000, 10000, 14000, 8000, 28000, 10000, 14000, 8000, 10000, 14000, 8000, 10000, 14000, 8000 },
        BackgroundColor = new List<string> { colors[2] },
        BorderColor = new List<string> { colors[2] },
        BorderWidth = new List<double> { 0 },
    };
    datasets.Add(dataset3);

    chartData = new ChartData
    {
        Labels = labels,
        Datasets = datasets
    };

    barChartOptions = new();
    //barChartOptions.Responsive = true;
    barChartOptions.Interaction = new BlazorBootstrap.Interaction { Mode = InteractionMode.Y };
    barChartOptions.IndexAxis = "y";

    barChartOptions.Scales.X!.Title = new ChartAxesTitle { Text = "Visitors", Display = true };
    barChartOptions.Scales.Y!.Title = new ChartAxesTitle { Text = "Browser", Display = true };

    barChartOptions.Scales.X.Stacked = true;
    barChartOptions.Scales.Y.Stacked = true;


    barChartOptions.Plugins.Title!.Text = "Operating system";
    barChartOptions.Plugins.Title.Display = true;

    //Change Tick Font color
    barChartOptions.Scales.Y!.Ticks = new ChartAxesTicks { Color = "red" };
}

protected override async Task OnAfterRenderAsync(bool firstRender)
{
    if (firstRender)
    {
        // pass the plugin name to enable the data labels
        await barChart.InitializeAsync(chartData: chartData, chartOptions: barChartOptions, plugins: new string[] { });
    }
    await base.OnAfterRenderAsync(firstRender);
}

<link rel="stylesheet" href="app.css" />
<link rel="stylesheet" href="ChartDemo.styles.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<HeadOutlet  />