We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Transparent Pie Chart with Only Border Line: SfChart

Thread ID:

Created:

Updated:

Platform:

Replies:

145535 Jun 27,2019 02:27 AM UTC Jun 28,2019 05:32 AM UTC WPF 3
loading
Tags: SfChart
Xamarin Hunter
Asked On June 27, 2019 02:27 AM UTC

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:

Sample Chart


Muneesh Kumar G [Syncfusion]
Replied On June 27, 2019 08:50 AM UTC

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.  
 
 
Screenshot: 
 
 
Please let us know if you have any other queries.  
  
Thanks, 
Muneesh Kumar G.   


Xamarin Hunter
Replied On June 27, 2019 11:52 PM UTC

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.  
 
 
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 [Syncfusion]
Replied On June 28, 2019 05:32 AM UTC

Hi Utemar,  
 
Thanks for the update. Please let us know if you need any further assistance. 
   
Regards,  
Muneesh Kumar G. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon