Customization of Sf3DChart

[MURALI KRISHNA]

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]

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. 

  

Link: https://www.syncfusion.com/support/directtrac/features/UWP-1785 

  

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, 

  

Sample: Doughnut3DExplode 

  

Regards, 

Devi 

 

[MURALI KRISHNA]

Thanks Devi..It's working

[Devi Aruna Maharasi Murugan]

Hi Murali, 

  

Thanks for your update. 

  

Please let us know, if you need any further assistance on this. 

  

Regards, 

Devi 

[MURALI KRISHNA]

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]

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