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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Customization of Sf3DChart

Thread ID:

Created:

Updated:

Platform:

Replies:

129945 Apr 11,2017 12:27 PM UTC Apr 24,2017 11:15 AM UTC UWP 5
loading
Tags: SfChart
MURALI KRISHNA
Asked On April 11, 2017 12:27 PM UTC

Hi,
     I am using the 3D chart for showing some data. When I clicked on segment is exploded. but my requirement is explode a bit and highlight with some white border around that segment when I hover the mouse pointer on any segment. and how to decrease the Doughnut hole size, I tried it but no change is happening. How can I achieve this. please find the screenshot and give me solution.
Thanks in Advance,
Regards.  

Attachment: Chart_903a35af.zip

Devi Aruna Maharasi Murugan [Syncfusion]
Replied On April 12, 2017 08:03 AM UTC

Hi Murali, 
  
Thanks for contacting Syncfusion Support. 
  
Query 1: Regarding Stroke property of SfChart3D 
  
We would like to inform you that, currently we don’t have support for applying Stroke for series in SfChart3D. We have already considered this as feature and have logged feature report. The feature status can be tracked through our Feature Management System. 
  
  
This feature will be implemented in any of our upcoming volume releases. 
  
Query 2: Exploding the Doughnut3D Segment on MouseMove 
  
We can explode the corresponding segment while hovering over the segment, by using SelectionMode property of chart series is MouseMove as shown in the below code snippet. 
  
Please find the code snippet, 
  
XAML 

<chart:SfChart3D SelectionChanged="SfChart3D_SelectionChanged"> 
 
  <chart:DoughnutSeries3D Name="doughnut3D" 
                          SelectionMode="MouseMove" /> 
</chart:SfChart3D> 
  
  
C# 
private void SfChart3D_SelectionChanged(object sender,  
                       Syncfusion.UI.Xaml.Charts.ChartSelectionChangedEventArgs e) 
  { 
      doughnut3D.ExplodeIndex = e.SelectedIndex; 
      doughnut3D.ExplodeRadius = 10; 
  } 
  
Please find the output image, 
 
  
Query 3: How to decrease the Doughnut hole size? 
  
We can decrease the DoughnutSeries3D hole size with the attached property DoughnutHoleSize and it can be set as shown in the below code snippet, 
 
 
        <chart:SfChart3D chart:DoughnutSeries3D.DoughnutHoleSize="0.1" > 
        </chart:SfChart3D> 
  
Please find the output image, 
 
  
We have prepared a demo sample for your reference and it can be downloaded from below link, 
  
  
Regards, 
Devi 
 




MURALI KRISHNA
Replied On April 19, 2017 05:24 AM UTC

Thanks Devi..It's working

Devi Aruna Maharasi Murugan [Syncfusion]
Replied On April 20, 2017 03:48 AM UTC

Hi Murali, 
  
Thanks for your update. 
  
Please let us know, if you need any further assistance on this. 
  
Regards, 
Devi 


MURALI KRISHNA
Replied On April 21, 2017 05:45 AM UTC

Hi Devi,
                I want to show that chart by default with some rotation and showing legend to each segment of chart. please find the attached file. Please give me solution for my requirement.

Thanks in Advance,
Regards.

Attachment: chart_f878e99c.zip

Devi Aruna Maharasi Murugan [Syncfusion]
Replied On April 24, 2017 11:15 AM UTC

Hi Murali, 
  
Thanks for your update. 
  
Query 1: Regarding Rotation 
  
We can rotate the Doughnut Series as like the attached image by setting the Rotation and Tilt property of SfChart3D as shown in the below code snippet, 
 
        <chart:SfChart3D Tilt="-30" Rotation="-35"> 
        </chart:SfChart3D> 
  
Query 2: Regarding showing legend to each segment of chart 
  
We can achieve this requirement by using the ChartLegend of SfChart3D and it can be set as shown in the below code snippet, 
<chart:SfChart3D.Legend> 
       <chart:ChartLegend DockPosition="Bottom"/> 
  </chart:SfChart3D.Legend> 
  
Please find the output screenshot, 
 
  
We have prepared demo sample for your reference and it can be downloaded from below link, 
  
Sample: Rotation129945 
  
Regards, 
Devi 






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.

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

;