Blazorise SVG Chart Data Labels

@code {
    private string lastEvent = "Interact with a chart point or data label.";

    private readonly SvgChartOptions options = new()
    {
        Height = 360,
        Legend = new() { Position = SvgChartLegendPosition.Bottom },
    };

    private readonly List<MonthlySales> sales =
    [
        new() { Month = "Jan", Tokyo = 49.9, NewYork = 83.6 },
        new() { Month = "Feb", Tokyo = 71.5, NewYork = 78.8 },
        new() { Month = "Mar", Tokyo = 106.4, NewYork = 98.5 },
        new() { Month = "Apr", Tokyo = 129.2, NewYork = 93.4 },
    ];

    private Task OnPointClicked( SvgChartPointEventArgs eventArgs )
    {
        lastEvent = $"Clicked point {eventArgs.SeriesName} / {eventArgs.Category}: {eventArgs.Value}";

        return Task.CompletedTask;
    }

    private Task OnDataLabelClicked( SvgChartPointEventArgs eventArgs )
    {
        lastEvent = $"Clicked label {eventArgs.SeriesName} / {eventArgs.Category}: {eventArgs.Value}";

        return Task.CompletedTask;
    }

    private Task OnDataLabelHovered( SvgChartPointEventArgs eventArgs )
    {
        lastEvent = $"Hovered label {eventArgs.SeriesName} / {eventArgs.Category}: {eventArgs.Value}";

        return Task.CompletedTask;
    }

    private string FormatRevenueLabel( SvgChartDataLabelContext context )
    {
        return $"{Convert.ToDouble( context.Value, System.Globalization.CultureInfo.InvariantCulture ).ToString( "0", System.Globalization.CultureInfo.InvariantCulture )}k";
    }

    private sealed class MonthlySales
    {
        public string Month { get; set; }

        public double Tokyo { get; set; }

        public double NewYork { get; set; }
    }
}

@code {
    private string lastEvent = "Click a slice or label.";

    private readonly SvgChartOptions options = new()
    {
        Height = 340,
        Legend = new() { Position = SvgChartLegendPosition.Bottom },
        DataLabels = new()
        {
            Visible = true,
            Position = SvgChartDataLabelPosition.Center,
            Formatter = FormatShareLabel,
            Font = new()
            {
                Color = Color.Light,
                Weight = "700",
            },
        },
    };

    private readonly SvgChartData<double?> data = new()
    {
        Labels = ["Search", "Direct", "Social", "Referral"],
        Series =
        [
            new()
            {
                Name = "Share",
                Values = [42, 27, 18, 13],
            },
        ],
    };

    private Task OnPointClicked( SvgChartPointEventArgs eventArgs )
    {
        lastEvent = $"Clicked {eventArgs.Category}: {eventArgs.Value}%";

        return Task.CompletedTask;
    }

    private static string FormatShareLabel( SvgChartDataLabelContext context )
    {
        return $"{Convert.ToDouble( context.Value, System.Globalization.CultureInfo.InvariantCulture ):0}%";
    }
}