Custom Gradient Color

Hi guys,
I am trying to stylize my area series chart. I would like to change color my chart. But color changes in x axis according to the offset values . 
How do I change color to y axis

  https://i.hizliresim.com/BOlmMM.png    (My design x axis)   [1]
  https://i.hizliresim.com/WXJAVm.png     (I want to do color changes)   [2]

                                      <chart:SfChart HeightRequest="85" Margin="0" HorizontalOptions="FillAndExpand"                                              BackgroundColor="Transparent" AbsoluteLayout.LayoutBounds="10,0,85,85">
                                        <chart:SfChart.Series>
                                            <chart:DoughnutSeries StartAngle="-90" EndAngle="270" EnableAnimation="true"                                                   DoughnutCoefficient="0.4" CircularCoefficient="20" 
                                                              x:Name="Xchart3" XBindingPath="Baslik" YBindingPath="Deger">
                                                <chart:DoughnutSeries.ColorModel>
                                                    <chart:ChartColorModel Palette="Custom">
                                                        <chart:ChartColorModel.CustomGradientColors>
                                                           <chart:ChartGradientColor StartPoint="0.5,1" EndPoint="0.5, 0">
                                                                <chart:ChartGradientColor.GradientStops>
                                                                    <chart:ChartGradientStop Color="#00E3AD" Offset= "0"/>
                                                                    <chart:ChartGradientStop Color="#133B7B" Offset= "1"/>
                                                                </chart:ChartGradientColor.GradientStops>
                                                            </chart:ChartGradientColor>
                                                            <chart:ChartGradientColor StartPoint="0.5,1" EndPoint="0.5, 0">
                                                                <chart:ChartGradientColor.GradientStops>
                                                                    <chart:ChartGradientStop Color="White" Offset= "0"/>
                                                                    <chart:ChartGradientStop Color="Silver" Offset= "1"/>
                                                                </chart:ChartGradientColor.GradientStops>
                                                            </chart:ChartGradientColor>
                                                        </chart:ChartColorModel.CustomGradientColors>
                                                    </chart:ChartColorModel>
                                                </chart:DoughnutSeries.ColorModel>
                                            </chart:DoughnutSeries>
                                        </chart:SfChart.Series>
                                    </chart:SfChart>

When I run my code I get 1 image. How do I change color to y axis


4 Replies

DD Devakumar Dhanapoosanam Syncfusion Team January 17, 2020 12:48 PM UTC

Hi Numan Kirbiyik, 
 
We regret to say that currently we don’t have a support to set gradient for circular series in a linear gradient. 
 
We tried to achieve your requirement as a workaround by applying linear gradient for circular series segment, due to some limitation we cannot achieve your requirement based on the current implementation. 
 
We are considering this as a feature request and will update you the details on January 21, 2020. 
 
Regards, 
Devakumar D 



HM Hemalatha Marikumar Syncfusion Team January 27, 2020 11:59 AM UTC

Hi Numan Kirbiyik, 
 
Thanks for your patience. 
 
As we promised earlier, we will consider this as feature. Please have a feedback link to track the status of this feature 
 
Feedback Link: https://www.syncfusion.com/feedback/11393/lineargradient-support-for-circularseries

This feature will be available any of our upcoming release.   
   
Regards, 
Hemalatha M. 
 
 



NK NUMAN KIRBIYIK March 3, 2020 11:30 AM UTC

Thanks for your interest.


DD Devakumar Dhanapoosanam Syncfusion Team March 4, 2020 06:06 AM UTC

Hi Numan Kirbiyik, 
 
Thanks for your update. 
 
Regards, 
Devakumar D 


Loader.
Up arrow icon