Create heatmap with only Boolean values

1 Answer 241 Views
Charts General Discussions
Darshan
Top achievements
Rank 1
Iron
Iron
Darshan asked on 13 Apr 2023, 10:46 AM | edited on 13 Apr 2023, 04:17 PM

i wish to display my application health status .it will be boolean value...what is the right chart for this usecase

how to create. A heatmap with data that can be determined by  2 values like success failure and with different colors like red and green instead of light green and dark green

i do not need to show the boolean value inside cell.i just need labels on x and y axis which are also currently not display

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 16 Apr 2023, 08:02 AM

Hello Darshan,

Thank you for reaching out to us.

From the screenshot and the description I would say that the Heatmap is indeed the Chart type that fits best to the requirement. Actually, passing true/false values to the Heatmap will display the point colors correctly. I have modified one of our examples to demonstrate this and also to show labels on the axis and hide the labels inside the cells:

.Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Darshan
Top achievements
Rank 1
Iron
Iron
commented on 17 Apr 2023, 07:44 AM

Thanks Konstantin . Can you also share if its possible to show different colors like red for true and green for false. Is this possible with heatmap ?
Konstantin Dikov
Telerik team
commented on 18 Apr 2023, 01:38 PM

Hi Darshan,

You can set the "color" of the ChartSeriesItem and add custom logic for returning the color that you want based on the value. Here is a simple example for showing green and red:

More information on the color callback can be found in the following section from the documentation:

Darshan
Top achievements
Rank 1
Iron
Iron
commented on 18 Apr 2023, 03:13 PM

Thanks Konstantin for answering all the queries.
Tags
Charts General Discussions
Asked by
Darshan
Top achievements
Rank 1
Iron
Iron
Answers by
Konstantin Dikov
Telerik team
Share this question
or