Piechart Callout Labels Overlap

I have a Piechart chart with five points. Whatever I try, the callout labels always overlap. Can you explain how to prevent this, please? I have tried to attach an image that shows this but png, jpg and bmp files are all disallowed when I drag them onto the "Drag your file here" panel below.

The points are

series.Points.Add("Universal Packaging Plant", 63)

series.Points.Add("Resource Transport Services", 11)

series.Points.Add("Global Marketting Service", 249)

series.Points.Add("Local Produce", 14)

series.Points.Add("Maintenance Dept", 1)

I am using Syncfusion 27.1.52.

Thank you.


1 Reply

AJ Arul Jenith Berkmans Syncfusion Team October 14, 2024 01:22 PM UTC

Hi Abra Cadabra,


We have reviewed your query and suggest using the ChartAccumulationLabelStyle set to OutsideInColumn to position the callout labels for the pie series according to your requirements.


The ChartAccumulationLabelStyle enum offers several options: Inside, Outside, OutsideInColumn, and OutsideInArea, and you can choose any of these options based on your specific needs.


Here is a simple code example to implement this:


 this.chartControl1.Series[0].Type = ChartSeriesType.Pie;

 this.chartControl1.Series[0].ConfigItems.PieItem.LabelStyle = ChartAccumulationLabelStyle.OutsideInColumn;

 this.chartControl1.Series[0].Style.Callout.Enable = true;

 this.chartControl1.Series[0].Style.Callout.DisplayTextAndFormat = "{1}: {2}";


We have prepared a sample using your provided data points, with the callout labels applied. Please review the sample, and if you need any further assistance, feel free to ask.


We hope this example helps you achieve your requirements.


Thank you for your patience and understanding.


Best regards,

Arul Jenith B.


Attachment: PieChart_194767_874cc5b8.zip

Loader.
Up arrow icon