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

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