Outside Labels
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: