1. Home
  2. Forum
  3. ASP.NET Core - EJ 2
  4. Using Heatmap in Dashboard Layout

Using Heatmap in Dashboard Layout

Hello,

I'm trying to use syncfusion scheduler and heatmap controls with dashboard layout control. But unable to make them responsive in dashboard layout's panels.  Is there a way to make theirs dimensions dynamic or at least responsive at pageload.


Attaching a sample that includes a heatmap control in dashboard control.


Thanks in advance.


Attachment: HeatMap1_6370e8cb.zip

7 Replies 1 reply marked as answer
HA Halit January 28, 2022 12:44 PM UTC

And in same sample, how can i translate (or use) months(x axis) in "tr" locale ?


SA Shameer Ali Baig Sulaiman Ali Baig Syncfusion Team January 28, 2022 02:03 PM UTC

Hi Halit, 

Greetings from Syncfusion support. 

We have prepared a simple sample of Dashboard Layout by adding HeatMap and Scheduler components in its two panels. You can call the refresh method of HeatMap and Scheduler components on panel and page resize to make them responsive. 

Please check out the following attached sample. 

Also, check out the following links to know more about the Dashboard Layout Component. 



Please let us know if you need any further assistance. 

Regards, 
Shameer Ali Baig S. 


HA Halit replied to Shameer Ali Baig Sulaiman Ali Baig January 28, 2022 02:13 PM UTC

Hi Ali,

I can't see the sample that you prepared.


KR Keerthana Rajendran Syncfusion Team January 28, 2022 03:03 PM UTC

Hi Halit, 
 
Sorry for the inconvenience. 
 
Please download the sample from below link and get back to us if you have any queries. 
 
 
Regards, 
Keerthana R. 


HA Halit replied to Halit January 31, 2022 12:06 PM UTC

Hello,

Thanks for the guidance. I figured out how to make it full responsive with some js.


But my second question is still waiting a resolution.


In my attached sample, have x axis like this:


  "<e-heatmap-xaxis opposedPosition="true" minimum="@Model.HeatMapStartDate" maximum="@Model.HeatMapEndDate" intervalType="Days" valueType="DateTime" labelFormat="MMM" showLabelOn="Months" increment="7" labelIntersectAction="Rotate45"></e-heatmap-xaxis>"


As you can see, minimum and maximum is dynamic. And month names are displaying in English. I want to display them in "tr" locale.

Ekran görüntüsü 2022-01-31 150412.png

Regards,

Halit





SA Shameer Ali Baig Sulaiman Ali Baig Syncfusion Team February 1, 2022 02:58 PM UTC

Hi Halit, 
  
We need sometime for validating your requirement with HeatMap component. So, we will update you with our further validation details on or before 4th February 2022. 
  
We appreciate your patience. 
  
Regards, 
Shameer Ali Baig S. 


IL Indhumathy Loganathan Syncfusion Team February 7, 2022 04:52 PM UTC

Hi Halit, 
 
We have considered the reported scenario “Provide internationalization support for HeatMap chart component” as a feature in HeatMap Chart. Usually, Syncfusion will plan and implement the features based on feature rank, customer requested count, and volume wish-list. We will implement and include this feature in any one of our upcoming releases.  
 
The status of this feature can be tracked through our feedback portal below. 
 
 
We appreciate your patience. 
 
Regards, 
Indhumathy L 


Marked as answer
Loader.
Up arrow icon