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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Custom Gradient Color

Thread ID:

Created:

Updated:

Platform:

Replies:

150674 Jan 15,2020 05:57 PM UTC Mar 4,2020 06:06 AM UTC Xamarin.Forms 4
loading
Tags: SfChart
NUMAN KIRBIYIK
Asked On January 15, 2020 05:57 PM UTC

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


Devakumar Dhanapoosanam [Syncfusion]
Replied On 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 


Hemalatha Marikumar [Syncfusion]
Replied On 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. 
 
 


NUMAN KIRBIYIK
Replied On March 3, 2020 11:30 AM UTC

Thanks for your interest.

Devakumar Dhanapoosanam [Syncfusion]
Replied On March 4, 2020 06:06 AM UTC

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


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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

Live Chat Icon For mobile
Live Chat Icon