Outside Labels
This web site builds the control from code behind but you could also grab it from the toolbox, this sample also uses a ViewModel to populate the properties of the control(s) in this sample.
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}";
});
}
Form code behind
using System.Windows.Forms;
using LiveChartsCore.SkiaSharpView.WinForms;
using ViewModelsSamples.Pies.OutLabels;
namespace WinFormsSample.Pies.OutLabels;
public partial class View : UserControl
{
private readonly PieChart pieChart;
public View()
{
InitializeComponent();
Size = new System.Drawing.Size(50, 50);
var viewModel = new ViewModel();
pieChart = new PieChart
{
Series = viewModel.Series,
IsClockwise = false,
InitialRotation = -90,
// out of livecharts properties...
Location = new System.Drawing.Point(0, 0),
Size = new System.Drawing.Size(50, 50),
Anchor = AnchorStyles.Left | AnchorStyles.Right | AnchorStyles.Top | AnchorStyles.Bottom
};
Controls.Add(pieChart);
}
}