Heatmap

1 Answer 33 Views
Heatmap
Brian
Top achievements
Rank 1
Brian asked on 24 Aug 2022, 06:14 PM
Is there a way to have the x-axis at the top of the heatmap and the items shown below the x-axis?

1 Answer, 1 is accepted

Sort by
0
Georgi Denchev
Telerik team
answered on 29 Aug 2022, 10:25 AM

Hi, Brian,

Yes, this behavior can be achieved with the help of the reverse property which is available for both the xAxis and yAxis configurations.

xAxis: {
 reverse: true
},
yAxis: {
 reverse: true
}

Dojo

https://dojo.telerik.com/@gdenchev/ImAmoKIx 

Best Regards,
Georgi Denchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Brian
Top achievements
Rank 1
commented on 29 Aug 2022, 08:40 PM

Can't I just use:

xAxis: {

     labels: {

          position: 'end'

     }

}

Georgi Denchev
Telerik team
commented on 01 Sep 2022, 07:19 AM

Hi, Brian,

Yes, you can also use the labels.position property if you want to move just the labels instead of the entire axis. This is also a completely valid solution.

Best Regards,

Georgi

Tags
Heatmap
Asked by
Brian
Top achievements
Rank 1
Answers by
Georgi Denchev
Telerik team
Share this question
or