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. Image for the cookie policy date

Customization of Sf3DChart

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

5 Replies

DA Devi Aruna Maharasi Murugan Syncfusion Team April 12, 2017 03:03 AM

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 
 





MK MURALI KRISHNA April 19, 2017 12:24 AM

Thanks Devi..It's working


DA Devi Aruna Maharasi Murugan Syncfusion Team April 19, 2017 10:48 PM

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



MK MURALI KRISHNA April 21, 2017 12:45 AM

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


DA Devi Aruna Maharasi Murugan Syncfusion Team April 24, 2017 06:15 AM

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 






Loader.
Live Chat Icon For mobile
Up arrow icon