Configure Custom theme in charts

Question

Hello Team,How can we add our custom theme in syncfusion chart themes. Is there any control or json file where we can configure this?

Durga Gopalakrishnan · Answer

Hi Jayendra, 

Greetings from Syncfusion. 

We don’t have any separate file for customizing the theme or css in chart control. We have applied styles for chart elements using attribute in source level. Please check with the below documentation and API reference link. Using the below chart API, you can change the appearance of chart elements. 

UG : 
https://ej2.syncfusion.com/angular/documentation/chart/chart-appearance/ 
https://ej2.syncfusion.com/angular/documentation/chart/axis-labels/#labels-customization 
https://ej2.syncfusion.com/angular/documentation/chart/tool-tip/#customize-the-appearance-of-tooltip 
https://ej2.syncfusion.com/angular/documentation/chart/strip-line/#customize-the-stripline-text 
https://ej2.syncfusion.com/angular/documentation/chart/data-labels/#customization 
https://ej2.syncfusion.com/angular/documentation/chart/cross-hair-and-track-ball/#customization 

API : https://ej2.syncfusion.com/angular/documentation/api/chart/ 

Kindly revert us if you have any concerns. 

Regards, Durga G

Jayendra Rawat · Answer

Hi Durga Gopalakrishnan,Is there any way we can change the color combination of any existing theme for example changing the color combination of bootstrap theme.Regards,Jayendra Rawat

Durga Gopalakrishnan · Answer

Hi Jayendra, We suggest you to use palettes property to apply different colors for chart series. We have prepared sample based on your requirement. Please check with below snippet and screenshot. app.component.html app.component.ts public palette: String[]=["red", "blue", "green"]; Sample : https://stackblitz.com/edit/angular-zjbci8 UG : https://ej2.syncfusion.com/angular/documentation/chart/chart-appearance/#custom-color-palette Kindly revert us if you have any concerns. Regards, Durga G