Multiple Values Gauge
This web site builds the control from code behind but you could also grab it from the toolbox.
Code behind
using System.Windows.Forms;
using LiveChartsCore.Defaults;
using LiveChartsCore.Measure;
using LiveChartsCore.SkiaSharpView;
using LiveChartsCore.SkiaSharpView.Extensions;
using LiveChartsCore.SkiaSharpView.WinForms;
namespace WinFormsSample.Pies.Gauge3;
public partial class View : UserControl
{
private readonly PieChart pieChart;
public View()
{
InitializeComponent();
Size = new System.Drawing.Size(50, 50);
pieChart = new PieChart
{
Series = GaugeGenerator.BuildSolidGauge(
new GaugeItem(30, series => SetStyle("Vanessa", series)),
new GaugeItem(50, series => SetStyle("Charles", series)),
new GaugeItem(70, series => SetStyle("Ana", series)),
new GaugeItem(GaugeItem.Background, series =>
{
series.InnerRadius = 20;
})),
InitialRotation = 45,
MaxAngle = 270,
MinValue = 0,
MaxValue = 100,
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);
}
public static void SetStyle(string name, PieSeries<ObservableValue> series)
{
series.Name = name;
series.DataLabelsPosition = PolarLabelsPosition.Start;
series.DataLabelsFormatter =
point => $"{point.Coordinate.PrimaryValue} {point.Context.Series.Name}";
series.InnerRadius = 20;
series.RelativeOuterRadius = 8;
series.RelativeInnerRadius = 8;
}
}