This is a migrated thread and some comments may be shown as answers.

Pie Chart item labels overlapping

5 Answers 276 Views

Chart (Obsolete)

This is a migrated thread and some comments may be shown as answers.

Amy asked on 04 Nov 2010, 06:56 PM

I have a pie chart when rendered has overlapping item labels due to two of the pie 'slices' being less than 1% of the pie (see attached screenshot). I've searched through the forum for pie charts and have implemented the various suggestions but the labels still overlap. Could someone provide suggestions on how to get the labels to not overlap?

Here's what I have in the aspx page:

<telerik:RadChart ID="rcPrePackaged" runat="server" DefaultType="Pie" Width="710px" AutoTextWrap="true" OnItemDataBound="rcPrePackaged_ItemDataBound" Skin="LightGreen" OnBeforeLayout="rcPrePackaged_BeforeLayout">

<Appearance Dimensions-Width="600px">

</Appearance>

<Series>

<telerik:ChartSeries Name="Recording Status" Type="Pie" DataYColumn="iCount">

<Appearance LegendDisplayMode="ItemLabels" ShowLabelConnectors="true">

<LabelAppearance Distance="20" >

</LabelAppearance>

</Appearance>

</telerik:ChartSeries>

</Series>

</telerik:RadChart>

And in the code behind:

' Set additional chart properties and settings.

rcPrePackaged.ChartTitle.TextBlock.Text = "Pre-Packaged Items"

rcPrePackaged.ChartTitle.Visible = True

rcPrePackaged.Series(0).Appearance.Border.Visible = "true"

Note I did try setting the 'LabelConnecter-Style' to be "Alice-Blue", however, the connectors were no longer visible so I removed that line of code.

Thanks!

5 Answers, 1 is accepted

answered on 09 Nov 2010, 05:24 PM

Hello Amy,

Try our Intelligent Labels feature as it dramatically increases readability in very busy charts and you'll see that Pie's Labels will no longer overlap. For more information about this feature take a look at our demo - http://demos.telerik.com/aspnet-ajax/chart/examples/newfeatures/intelligentlabels/defaultcs.aspx with full source code.
Meanwhile here is how to turn on this feature without changing any code line:

<telerik:RadChart ID="rcPrePackaged" runat="server" DefaultType="Pie" Width="710px"

IntelligentLabelsEnabled="true" AutoTextWrap="true" Skin="LightGreen">

Regards,
Evgenia
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items