How to divide Large Data into multiple Pages in Heatmap Chart

[Sourabh Brajesh Sharma]

Hello Team , 

I am stuck in one HeatMap Chart , where i want to show large data into different pages .

Like when we change the Page from 1-> 2 than it should show remaining data which is not showed over 1st Page , as well as on 1st page there should be only 9 values but actually we have 18 values so remaining it should show to the next page on same chart:

[Keerthana Rajendran]

  

Hi Sourabh Brajesh Sharma , 

 

Thanks for contacting Syncfusion support.  

 

We checked your query and would like to let you know that currently we do not have in-built pagination with HeatMap component.  However we are validating the feasibility to achieve your requirement and we will update you further details on August 4, 2021. 

 

We appreciate your patience. 

 

Regards, 

Keerthana. 

[Keerthana Rajendran]

Hi Sourabh Brajesh Sharma, 

 

Thanks for your patience. 

 

We have validated your requirement “Pagination with HeatMap” and would like to let you know that HeatMap does not have pagination support. However, HeatMap can handle large data by setting “Auto” rendering mode which will automatically switch the modes based on the data. 

 

Refer to the following UG and demo links to handle large data with HeatMap component.  

 

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

 

https://ej2.syncfusion.com/angular/demos/#/material/heatmap-chart/large-data 

 

As like pager, you can add separate button to switch the HeatMap dataSource. For example, if you are showcasing a year of data based on month wise. While clicking the Jan, you can have the Jan month related data in view. After clicking the Feb month, you can load the Feb data to the HeatMap component. 

 

Please let us know if you need further assistance. 

 

Regards, 

Keerthana.