Not able to change color of HeatMap

[Dhanashri Tak]

Hi i am using <ejs-heatmap> in angular and i am facing issue with paletteSettings,
if i provide endValue in palette then it will change color as expected
i.e - 

public paletteSettings: Object = {
palette: [
{
startValue: 0,
endValue: 100,
minColor: "#36BCC6",
maxColor: "#208FC6"
}
]
};

But i dont want to pass endValue. so in this case it shows default color on chart
i.e - i am using like this, 

public paletteSettings: Object = {
palette: [
{
startValue: 0,
minColor: "#FFFFFF",

maxColor: " #FF0000 "
}
]
};

I want to apply my own color. but also don't want to apply endValue.

[Shameer Ali Baig Sulaiman Ali Baig]

Hi Dhanashri, 

Greetings from Syncfusion support. 

We need some time for validating your reported problem in EJ2 HeatMap component. So, we will update further validation details with you in three business days on 27^th July 2021. 

We appreciate your patience. 

Regards, 

Shameer Ali Baig S. 

[Sharon Sanchez Selvaraj]

Hi Dhanashri, 

 

Thanks for your patience. 

 

We would like to mention that, the required color steps are specified to determine the color range between each set of data values. Hence, the required startValue and the endValue is mandatory. If required, you can specify the endValue with the next startValue and so on. 

 

Refer to the below demo link for further reference. 

 

https://ej2.syncfusion.com/angular/demos/#/material/heatmap-chart/color-range 

 

Refer to the documentation link: 

 

https://ej2.syncfusion.com/angular/documentation/heatmap-chart/palette/ 

 

Please get back to us if you need any further assistance. 

 

Regards, 

 

Sharon Sanchez S.