Outside Labels

sample image

View model

using System.Collections.Generic;
using LiveChartsCore;
using CommunityToolkit.Mvvm.ComponentModel;
using LiveChartsCore.SkiaSharpView.Painting;
using SkiaSharp;
using LiveChartsCore.SkiaSharpView.Extensions;

namespace ViewModelsSamples.Pies.OutLabels;

public partial class ViewModel : ObservableObject
{
    private static int _index = 0;
    private static string[] _names = new[] { "Maria", "Susan", "Charles", "Fiona", "George" };

    public IEnumerable<ISeries> Series { get; set; } =
         new[] { 8, 6, 5, 3, 3 }.AsPieSeries((value, series) =>
         {
             series.Name = _names[_index++ % _names.Length];
             series.DataLabelsPosition = LiveChartsCore.Measure.PolarLabelsPosition.Outer; // mark
             series.DataLabelsSize = 15;
             series.DataLabelsPaint = new SolidColorPaint(new SKColor(30, 30, 30));
             series.DataLabelsFormatter =
                point =>
                    $"This slide takes {point.Coordinate.PrimaryValue} " +
                    $"out of {point.StackedValue!.Total} parts";
             series.ToolTipLabelFormatter = point => $"{point.StackedValue!.Share:P2}";
         });
}

HTML

@page "/Pies/OutLabels"
@using LiveChartsCore.SkiaSharpView.Blazor
@using ViewModelsSamples.Pies.OutLabels

<PieChart
	Series="ViewModel.Series"
    IsClockwise="false"
    InitialRotation="-90">
</PieChart>

@code {
	public ViewModel ViewModel { get; set; } = new();
}

Articles you might also find useful: