Oxyplot PieSeries：如何设置标签方向或让标签显示在切片前方？

问题描述 #

使用OxyPlot的PieSeries绘制饼图时，小占比切片（如5%）的内部标签会被切片自身遮挡。尝试设置AreInsideLabelsAngled = true后问题仍存在，且不希望将标签移至图表外部，询问是否支持将标签设置在切片前方或调整方向以确保标签始终可见。

可行解决方案 #

1. 调整内部标签位置与角度

通过调整InsideLabelPosition和AreInsideLabelsAngled的组合参数，让标签更贴近切片边缘且沿切片角度排列，减少遮挡：

PieSeries seriesP1 = new PieSeries
{
    // 其他原有属性...
    InsideLabelPosition = 0.7, // 从0.5调大，让标签更靠近切片外侧
    AreInsideLabelsAngled = true, // 启用标签沿切片角度排列
    InsideLabelFormat = "{2:0}%"
};

2. 炸开小切片

对占比极小的切片设置IsExploded = true，通过轻微偏移切片为标签腾出空间：

seriesP1.Slices.Add(new PieSlice("Text1", 5) { 
    IsExploded = true, // 炸开小切片
    Fill = OxyColors.DarkSeaGreen,
    ExplodedDistance = 0.1 // 可自定义炸开距离，默认值即可
});

3. 自定义标签渲染（进阶方案）

如果内置属性无法满足需求，可以自定义PieSeries类，重写渲染方法，将标签绘制在切片的前景层（默认标签在切片之后绘制，因此会被遮挡）：

public class CustomPieSeries : PieSeries
{
    public override void Render(IRenderContext rc, PlotModel model)
    {
        RenderBackground(rc, model);
        RenderSlices(rc, model); // 先绘制切片
        RenderLabels(rc, model); // 再绘制标签，确保标签在切片上方
        RenderLegendItem(rc, model);
    }
}

使用时替换原有PieSeries为CustomPieSeries即可。

代码修改示例（整合方案） #

以下是调整后的完整代码，结合了标签位置调整和小切片炸开：

public static string Draw()
{
    var chartModel = new PlotModel
    {
        TitleFontSize = 5,         
        DefaultFont = "Arial",
        DefaultFontSize = 8,
        IsLegendVisible = true,
        PlotType = PlotType.Polar,
    };    
            
    PieSeries seriesP1 = new PieSeries
    {
        StrokeThickness = 2.0,
        InsideLabelPosition = 0.7, // 调整标签位置
        AreInsideLabelsAngled = true, // 启用标签角度
        AngleSpan = 360,
        StartAngle = -90,
        AngleIncrement = 1.0,
        Background = OxyColor.FromRgb(255, 255, 255),
        EdgeRenderingMode = EdgeRenderingMode.Automatic,
        FontSize = 8,
        TickHorizontalLength = 0,
        TickRadialLength = 0,
        OutsideLabelFormat = "",
        InsideLabelFormat = "{2:0}%"
    };

    // 炸开小切片
    seriesP1.Slices.Add(new PieSlice("Text1", 5) { IsExploded = true, Fill = OxyColors.DarkSeaGreen });
    seriesP1.Slices.Add(new PieSlice("Text2", 55) { IsExploded = false, Fill = OxyColors.Green });
    seriesP1.Slices.Add(new PieSlice("Text3", 20) { IsExploded = false, Fill = OxyColors.DarkGreen });
    seriesP1.Slices.Add(new PieSlice("Text4", 20) { Fill = OxyColors.LightGray });

    chartModel.Series.Add(seriesP1);

    var exporter = new SvgExporter
    {
        Width = 130,
        Height = 130,
        IsDocument = false
    };

    return exporter.ExportToString(chartModel).Substring(38);
}

内容的提问来源于stack exchange，提问作者Buster3650