Background color

Question

G'day,I am trying to change the background color of a heatmap. In the below heatmap, the white part should be a different color. I can only change it by selecting a different theme, but I need to change it to a color that's not part of the standard themes listed here https://ej2.syncfusion.com/documentation/api/heatmap/heatMapTheme/ .Any help is very much appreciated as I couldn't find any solution in the documentation nor the forum.Thank you,Daniel

Sharon Sanchez Selvaraj · Accepted Answer

Hi Daniel, 

Thanks for contacting Syncfusion support. 

We have checked with your requirement. This can be achieved by setting the CSS for rect element of HeatMap border to the desired color. 

Refer to the following CSS. 





 #container_HeatmapBorder { 
        fill: #ffcccc; 
      } 

Please check with the below sample for your reference. 

https://stackblitz.com/edit/mdpigj-f5op1k?file=index.html 

Please check with the below links to know more about HeatMap component. 

Demo: https://ej2.syncfusion.com/demos/#/material/heatmap-chart/default 

Documentation: https://ej2.syncfusion.com/documentation/heatmap-chart/getting-started/ 

API: https://ej2.syncfusion.com/documentation/api/heatmap/ 

Please get back to us if you need further assistance. 

Regards, 

Sharon Sanchez S.

Daniel · Answer

Hi Sharon,thank you very much - your Stackblitz example solved my query.Have a great day,Daniel

Keerthana Rajendran · Answer

Hi Daniel, 
 
Most welcome. We are glad to hear that the provided suggestion helped you to resolve the issue. Please get back to us if you need further assistance. 
 
Regards, 
Keerthana.