Heatmap example of data binding not working

0 Answers 89 Views
Charts General Discussions
Darshan
Top achievements
Rank 1
Iron
Iron
Darshan asked on 13 Apr 2023, 07:43 AM

hi,

I was trying to replicate "data binding" example mentioned in heatmap page using makeobject function.

However i m getting error as.  " Cannot read properties of null reading toHSL' typescript cannot readt properties of nulltoHsl "

. The only change i made is instead of importing makedataobject as component i declared in the same component but that shouldn't cause this issue ideally.

 

  The first example mentioned works fine but data binding doesn't.

Version of kendo react charts 5.12.1

 

Can anyone please help

 





 

Darshan
Top achievements
Rank 1
Iron
Iron
commented on 13 Apr 2023, 08:19 AM

update : i just observed that without passing color property i get this error .. If color property is passed then component works fine...

But x and y axis labels are not displayed...

cn someone share how to display labels for tool tipl  and data binding example

Konstantin Dikov
Telerik team
commented on 14 Apr 2023, 02:28 PM

When the data for the HeatMap uses objects (as in the data binding example), you need to specify the x, y and value fields. I have created an example combining the data binding demo with the tooltip one:

Hope this helps.

No answers yet. Maybe you can help?

Tags
Charts General Discussions
Asked by
Darshan
Top achievements
Rank 1
Iron
Iron
Share this question
or