Try with Pie Control

[Luis Champion]

Hi,

We are implementing with foot control, but we have failed to embed the percentage in it.

Some sujerencia?.

Thank you.

 

Syncfusion_Pie_59503d53.zip

[Muneesh Kumar G]

Hi Luis,

Thanks for using Syncfusion Products.

We can achieve your requirement by applying LabelTemplate as per the below code snippet.

Code snippet [XAML]:

<syncfusion:ChartSeries.AdornmentsInfo>

<syncfusion:ChartAdornmentInfo  x:Name="Adornments" LabelContentPath="DataPoint.Tag" Visible="True"  SegmentShowLine="False" SegmentHorizontalAlignment="Center" SegmentVerticalAlignment="Top" LabelTemplate="{StaticResource LabelsTemplate}" />

</syncfusion:ChartSeries.AdornmentsInfo>

We have prepared a sample based on this and you can find the sample under the following location:

Please let us know if you have any queries.

Regards,

Muneesh Kumar G.

Pie_Chart_Demo_d02aed8f.zip

[Luis Champion]

Thanks for you response,

What we need is to replicate the example in the attached image.

Handle two Syncfusion: ChartSeries.AdornmentsInfo, one representing the percentage and another representing other values.

The percentage value must be within the foot, and values ​​out. All this in a single Pie Control.

[Muneesh Kumar G]

Hi Luis,

Currently we don’t have a support for Multiple ChartAdornment for a single ChartSeries.

Regards,

Muneesh Kumar G.

[Muneesh Kumar G]

Hi Luis,

We can achieve your requirements in our new SfChart control by setting LabelTemplate, SymbolTemplate and ConnectorHeight as per the below code snippet.

Code Snippet[XAML]:

<syncfusion:ChartAdornmentInfo      ShowMarker="True" Symbol="Custom"

SymbolTemplate="{StaticResource LabelsTemplate1}" SymbolInterior="Red"

ConnectorLineStyle="{StaticResource lineStyle}" SymbolHeight="20" SymbolWidth="20" ShowLabel="True" LabelTemplate="{StaticResource LabelsTemplate}"  

SegmentLabelContent="XValue" SegmentLabelFormat="#" ShowConnectorLine="True" ConnectorHeight="120"  AdornmentsPosition="Top"  />

 

We have prepared a sample based on this and you can find the sample under the following location:

Please let us know if you have any queries.

Regards,

Muneesh Kumar G.

Pie_Chart_Demo_c9775e2d.zip

[Luis Champion]

Hi Muneesh

Thanks for the support.

In the sample project to change the window size, the values ​​around the Pie control are lost.

Any idea how to control this?

Thank you very much.

Test_Pie_Control_with_external_Labels_184a450e.zip

[Muneesh Kumar G]

Hi Luis,

Thanks for you update.

As per your requirement we have modified our sample. Please find the sample from the following location.

Please let us know if you have any queries.

Thanks,
Muneesh Kumar G

Pie_Chart_Demo_d26a2eeb.zip

[Luis Champion]

Hi Muneesh,

The project you sent me also to Silverligth?.

We need to implement the same functionality for Silverligth.

 

Thank you!

[Muneesh Kumar G]

Hi Luis,

As per your requirement we have prepared a sample in Silverlight. Please find the sample in the following location.

Please let us know if you have any queries.

Regards,

Muneesh Kumar G.

PieChart_Silverlight_64dbc1e2.zip