Two different gradient colors in StackingColumn100Series

[Konstantinos Evangelidis]

Hello. I am trying to put two different gradient colors in my StackingColumn100Series. The problem is that the two gradient colors are always the same. The code is this  

new_VitaminD_graph.SetBackgroundColor(Color.White);

            //Initializing primary axis
            CategoryAxis primaryAxis = new CategoryAxis();
            new_VitaminD_graph.PrimaryAxis = primaryAxis;

            //Initializing secondary Axis
            NumericalAxis secondaryAxis = new NumericalAxis();
            secondaryAxis.Maximum = 100;
            new_VitaminD_graph.SecondaryAxis = secondaryAxis;

            data = new ObservableCollection<Model>();
            data.Add(new Model("David", r));

            new_VitaminD_graph.ColorModel.ColorPalette = ChartColorPalette.Custom;

            ChartGradientColor gradientColor = new ChartGradientColor() { StartPoint = new PointF(0.5f, 1), EndPoint = new PointF(0.5f, 0) };
            ChartGradientStop stop1 = new ChartGradientStop() { Color = Color.Rgb(196,236,255), Offset = 0 };
            ChartGradientStop stop2 = new ChartGradientStop() { Color = Color.Rgb(8, 110, 182), Offset = 1 };
            gradientColor.GradientStops.Add(stop1);
            gradientColor.GradientStops.Add(stop2);

            ChartGradientColorCollection gradientColors = new ChartGradientColorCollection()
            {
                gradientColor
            };

            ChartGradientColor secondGradient = new ChartGradientColor() { StartPoint = new PointF(0.5f, 1), EndPoint = new PointF(0.5f, 0) };
            ChartGradientStop secondStop1 = new ChartGradientStop() { Color = Color.Rgb(255,255,255), Offset = 0 };
            ChartGradientStop secondStop2 = new ChartGradientStop() { Color = Color.Rgb(117, 211, 247), Offset = 1 };
            secondGradient.GradientStops.Add(secondStop1);
            secondGradient.GradientStops.Add(secondStop2);

            ChartGradientColorCollection secondGradientColors = new ChartGradientColorCollection()
            {
                secondGradient
            };

            new_VitaminD_graph.ColorModel.CustomGradientColors = gradientColors;

            //Initializing column series
            StackingColumn100Series series = new StackingColumn100Series();
            series.ItemsSource = data;
            series.Label = (x2.ToString(@"hh\:mm"));
            series.XBindingPath = "XValue";
            series.YBindingPath = "YValue";
            series.DataMarker.ShowLabel = false;
            //series.ColorModel.CustomGradientColors = gradientColors;
            series.TooltipEnabled = false;
            series.Width = 1;

            new_VitaminD_graph.SideBySideSeriesPlacement = false;
            new_VitaminD_graph.PrimaryAxis.ShowMajorGridLines = false;
            new_VitaminD_graph.SecondaryAxis.ShowMinorGridLines = false;
            new_VitaminD_graph.PrimaryAxis.Visibility = Visibility.Gone;
            new_VitaminD_graph.SecondaryAxis.Visibility = Visibility.Gone;
            new_VitaminD_graph.Legend.Visibility = Visibility.Gone;
            new_VitaminD_graph.Legend.IconVisibility = Visibility.Gone;

            new_VitaminD_graph.Series.Add(series);

            data1 = new ObservableCollection<Model>();
            data1.Add(new Model("David", 100-r));

            StackingColumn100Series series1 = new StackingColumn100Series();
            series1.ItemsSource = data1;
            series1.XBindingPath = "XValue";
            series1.YBindingPath = "YValue";
            series1.DataMarker.ShowLabel = false;
            series1.TooltipEnabled = false;
            series1.Width = 1;
            series1.ColorModel.CustomGradientColors = secondGradientColors;
            new_VitaminD_graph.Series.Add(series1);

[Divya Venkatesan]

Hi Konstantinos, 

 

Thanks for contacting Syncfusion support. 

 

On analyzing your code snippets, we have found that you have not set the ColorPalette for series as Custom. Please set the ColorPalette as Custom as shown in the below code snippet. 

 

Code snippet [C#]: 

series.ColorModel.ColorPalette = ChartColorPalette.Custom; 

 

Output: 

 

 

Please refer the following user guide link to know more about color palette 

https://help.syncfusion.com/xamarin-android/sfchart/appearance  

 

Please let us know if you need any further assistance. 

 

Regards, 

Divya Venkatesan 

 

[Konstantinos Evangelidis]

Thank you very much. Works

[Divya Venkatesan]

Hi Konstantinos, 

 

Thanks for the update. We are glad to know that the given solution works.  

 

Please let us know if you need any further assistance. 

 

Regards, 

Divya Venkatesan