How to display tooltip with Date in Calendar Heatmap

Like this, Thank you


4 Replies

SS Sharon Sanchez Selvaraj Syncfusion Team March 10, 2021 10:30 AM UTC

Hi Hugo, 

Thanks for contacting Syncfusion Support. 

We have checked with your query. The given scenario can be achieved using TooltipRendering event. 

Refer to the following code snippet. 

public void TooltipRendering(ITooltipEventArgs args) 
    { 
        var year = args.XValue; 
        var x = args.XValue.ToString(); 
        String[] date = x.Split(" "); 
        String[] xValue = date[0].Split("/"); 
        args.Content = new string[] { xValue[2] + "-" + xValue[0] + "-" + xValue[1] + " | " + args.YLabel + " : " + args.Value }; 
    } 


We have created a sample here for your reference. 


Please check with the below links to know more about HeatMap component. 




Please let us know if you need further assistance.  

Regards, 

Sharon Sanchez S. 



HZ Hugo Zhao March 11, 2021 05:53 AM UTC

Hi Sharon,

Thank you very much, but there is a problem with your demo, the same column all share the same date.




SS Sharon Sanchez Selvaraj Syncfusion Team March 12, 2021 03:15 PM UTC

Hi Hugo, 

We have checked with your reported issue and we were able to replicate it in our end. We have considered this as a bug and the fix for this will be included in the third weekly patch release after Volume 1, 2021 release which is expected to be rolled out by the end of March 2021. 

Please track the below feedback to know the status of the issue. 


We appreciate your patience. 

Regards, 

Sharon Sanchez S. 



KR Keerthana Rajendran Syncfusion Team August 25, 2021 07:32 AM UTC

Hi Hugo, 
 
In Volume 2 Main Release v19.2.0.44, we have included the fix for the issue “DateTime value is not properly updated in the tooltip event argument of Heatmap component”.  To access this fix, we suggest you update the package to the 19.2 or latest version. 
 
 
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 
 
Regards, 
Keerthana.  


Loader.
Up arrow icon