Transparent Pie Chart with Only Border Line: SfChart

[Xamarin Hunter]

Hello everyone,

Is there any way to create pie chart which has only border line and each pie segment has no color? Like this format:

[Muneesh Kumar G]

Hi Utemar, 

 

Greetings from Syncfusion.  

 

We have analyzed your requirement and you can achieve this by setting Interior as transparent in series and Stroke as Black or required color as per the below code snippet.  

 

Code snippet 

  <chart:SfChart  Margin="10" 

                       x:Name="chart" > 

 

            <chart:PieSeries XBindingPath="XValue" YBindingPath="YValue" 

                             Interior="Transparent" Stroke="Black"  

                             ItemsSource="{Binding Data}"> 

                <chart:PieSeries.AdornmentsInfo> 

                    <chart:ChartAdornmentInfo ShowLabel="True" SegmentLabelContent="Percentage"/> 

                </chart:PieSeries.AdornmentsInfo> 

            </chart:PieSeries> 

 

        </chart:SfChart> 

 

 

We have prepared a sample based on this, please find the sample from the following location.  

 

Sample: https://www.syncfusion.com/downloads/support/forum/145535/ze/WPF_Sample-1771301151 

 

Screenshot: 

 

 

Please let us know if you have any other queries.  

  

Thanks, 

Muneesh Kumar G.   

[Xamarin Hunter]

Hi Utemar, 

 

Greetings from Syncfusion.  

 

We have analyzed your requirement and you can achieve this by setting Interior as transparent in series and Stroke as Black or required color as per the below code snippet.  

 

Code snippet 

  <chart:SfChart  Margin="10" 

                       x:Name="chart" > 

 

            <chart:PieSeries XBindingPath="XValue" YBindingPath="YValue" 

                             Interior="Transparent" Stroke="Black"  

                             ItemsSource="{Binding Data}"> 

                <chart:PieSeries.AdornmentsInfo> 

                    <chart:ChartAdornmentInfo ShowLabel="True" SegmentLabelContent="Percentage"/> 

                </chart:PieSeries.AdornmentsInfo> 

            </chart:PieSeries> 

 

        </chart:SfChart> 

 

 

We have prepared a sample based on this, please find the sample from the following location.  

 

Sample: https://www.syncfusion.com/downloads/support/forum/145535/ze/WPF_Sample-1771301151 

 

Screenshot: 

 

 

Please let us know if you have any other queries.  

  

Thanks, 

Muneesh Kumar G.   

This was definitely a solution to the problem. Thanks.
Best regards.

[Muneesh Kumar G]

Hi Utemar,  

 

Thanks for the update. Please let us know if you need any further assistance. 

   

Regards,  

Muneesh Kumar G.