change color of Piechart

[lakhwinder]

How to change the color of pie chart in Xamarin.iOS

[Manivannan Elangovan]

Hi Lakhwinder,

We can achieve your requirement by using the property ColorModel in the Series. Refer to the following code example which shows how to set ColorModel in series.

CodeExample:

SFPieSeries series = new SFPieSeries ();
series.ColorModel.Palette = SFChartColorPalette.Custom;
NSObject[] cusColors = new NSObject[] {UIColor.Blue,UIColor.Green,UIColor.Orange,UIColor.Red,UIColor.Cyan};
series.ColorModel.CustomColors = NSArray.FromNSObjects(cusColors);
series.DataMarker.ShowLabel = true;
return series;

We have prepared a sample based on your requirement. Please find the sample from the following location.

Sample: PieChart

Regards,
Manivannan.E

[Rupreet Gujral]

Thanks Manivannan E. 

It worked for me , thanks once again for your great help

[lakhwinder]

Thanks Manivannan Elangovan,
its works perfect

[Manivannan Elangovan]

Hi Lakhwinder,

Thanks for the update. Please let us know if you have any query.

Regards,
Manivannan.E

[Marco Bruno Ferreira Vasconcellos]

Hi Lakhwinder,

We can achieve your requirement by using the property ColorModel in the Series. Refer to the following code example which shows how to set ColorModel in series.

CodeExample:

SFPieSeries series = new SFPieSeries ();
series.ColorModel.Palette = SFChartColorPalette.Custom;
NSObject[] cusColors = new NSObject[] {UIColor.Blue,UIColor.Green,UIColor.Orange,UIColor.Red,UIColor.Cyan};
series.ColorModel.CustomColors = NSArray.FromNSObjects(cusColors);
series.DataMarker.ShowLabel = true;
return series;

We have prepared a sample based on your requirement. Please find the sample from the following location.

Sample: PieChart

Regards,
Manivannan.E

I did it in XAML:

<chart:PieSeries ItemsSource="{Binding HighTemperature}" >

                        <chart:PieSeries.ColorModel>

                            <chart:ChartColorModel Palette="Custom" >

                                <chart:ChartColorModel.CustomBrushes>

                                    <Color>

                                        Red

                                    </Color>

                                    <Color>

                                        Yellow

                                    </Color>

                                    <Color>

                                        Green

                                    </Color>

                                </chart:ChartColorModel.CustomBrushes>

                            </chart:ChartColorModel>

                        </chart:PieSeries.ColorModel>

                        

                        

                        <chart:PieSeries.DataMarker>

                            <chart:ChartDataMarker ShowLabel="True"></chart:ChartDataMarker>

                        </chart:PieSeries.DataMarker>

                    </chart:PieSeries>

[Parthiban Sundaram]

Hi Macro, 

 

We have prepared the sample based on your provided code snippet to change the color of PieChart. Please find the sample from following location. 

 

Sample: http://www.syncfusion.com/downloads/support/forum/120998/ze/ColorPalette91867733  

 

Custom Brushes: 

 

ChartSeries will use the colors from CustomBrushes property if the ColorModel.Palette property of series is set to Custom 

 

Also, you can change the PieChart color using predefined palettes available in ColorModel property of ChartSeries as listed below. 

 

1.     Metro 

2.     TomatoSpectrum 

3.     Pineapple 

4.     None 

 

Please find the below code snippet for more details. 

 

Code Snippet: 

 

  

      <chart:PieSeries.ColorModel> 

        <chart:ChartColorModel Palette=" TomatoSpectrum" > 

     </chart:PieSeries.ColorModel> 

 

Reference link: https://help.syncfusion.com/xamarin/sfchart/appearance?cs-save-lang=1&cs-lang=xaml#apply-palette-for-series 

 

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

 

Regards,
Parthiban S