Customize Pie Chart Smart Labels Position

[Shane]

I have a requirement where I need to show a two sections on a pie chart. One section will the total and another section will be a consumed part (eg. Total = 100, Spent = 30) . Please refer to the image.

My main issue is , how can I modify the display mode so that it displays it outside of the piechart but has the connector on the lines of the division of the sections like in the image?

[Martin Ivanov]

Hello Shane,

The required alignment is not supported out of the box by the smart labels feature. However, you can customize the default label connectors by overriding the GetLabelConnector() method of the series. Here is an example in code:

public class CustomPieSeries : PieSeries
{
    protected override List<Point> GetLabelConnector(ChartSeriesLabelPositionInfo info)
    {
        var points = base.GetLabelConnector(info);
        // modify the points collection or create a new one here.
        return points;
    }
}

I hope that helps.

Regards,
Martin Ivanov
Progress Telerik