HeatMap Color palette

I want to achieve range wise color assign for HeatMap cell paletteSettings={{ type: 'Fixed', palette: [ { startValue: 0, endValue: 40, color: '#FF6F61' }, // Redish { startValue: 40, endValue: 60, color: '#6EB5FF' }, // Blueish { startValue: 60, endValue: 90, color: '#92D050' }, // Greenish { startValue: 90, endValue: 1000, color: '#FFD966' } // Yellowish (and above) ] }} I have tried this but not working I need same color within range value cells Thanks, Yogesh Patil


1 Reply

SS Soundeswari Selvam Syncfusion Team May 1, 2025 08:12 AM UTC

Hi Yogesh Patil,

Thank you for reaching out.


We have analyzed your query. Based on our investigation, the color property in the heatmap works only when startValue and endValue are not specified for palette. If you are using startValue and endValue, we kindly recommend you to use the minColor and maxColor properties instead of color.

For your convenience, we’ve also attached a sample for reference: Sample Example

Documentation: https://ej2.syncfusion.com/react/documentation/heatmap-chart/palette#color-range

API Reference: https://ej2.syncfusion.com/react/documentation/api/heatmap/paletteCollection/#maxcolor

Kindly revert us if you have any concerns.

Regards,
Soundeswari Selvam


Loader.
Up arrow icon