How to add pie chart custom colors in pivot view?

[Syed Waqas Hussain]

Is there any way to add custom colors of pie chart in pivot charts?

Palates: [ colors ] is working fine for other graphs but not for Pie, Doughnut charts

[Sivamathi Natarajan]

Hi Syed, 

 

Thanks for contacting Syncfusion support. 

 

We have already logged your requirement – “To provide palette feature in accumulation chart” as a feature task in our database and it will be available in our weekly release which is estimated to be rolled on 21^st October, 2020. You can track the task in the following link. 

 

https://www.syncfusion.com/feedback/18169/ 

 

We appreciate your patience until then. 

 

Regards, 

Sivamathi.

[Saranya Sivan]

Hi Syed,  

 

The reported requirement – “To provide palette feature in accumulation chart (https://www.syncfusion.com/feedback/18169 )” has been included in the weekly release  (v18.3.0.48) and it is available in nuget.org (https://www.nuget.org/).  

  

Kindly set palette property in chartSettings property to add our custom colors in accumulation chart. Please check the below code example for your reference. 

  

Code Example: 

 this.chartSettings = { 

      chartSeries: { type: "Pie" }, 

      palettes: [  "#e3ffff",  "#cfffff", "#bcffff", 

        "#a9efff", "#95d4e5",  "#afc5cb",  "#a3bcc2", 

        "#96b3ba",  "#8aaab2", "#7ea1aa",  "#7198a2" ] 

    } as ChartSettings; 

   

Meanwhile, we have prepared a sample for your reference. 

  

Sample:  https://stackblitz.com/edit/angular-r7strj-fdjisc?file=app.component.ts  

  

Please let us know if you have concern. 

  

Regards, 

Saranya Sivan.