Use POCO[] instead of double[]

[Support]

All the examples bind the heatmap to a double[] (or int[]).

Is it possible to instead bind to a POCO[], tell it a numeric property to use, and then display a templated tooltip.

[Kanagambigai Murugan]

Hi Patrick, 

  

Thanks for contacting Syncfusion. 

  

We have validated your requirement and prepared a sample accordingly. Here, we have rendered the Heatmap by binding it to the “HeatmapData” and used TooltipRendering Event to display the templated tooltip. 

  

<EjsHeatMap DataSource="@Data"> 

        <HeatMapEvents TooltipRendering="@TooltipRendering"></HeatMapEvents> 

… 

  

   </EjsHeatMap> 

@code{ 

  

    class HeatmapData 

    { 

        public string RowId { get; set; } 

        public string ColumnId { get; set; } 

        public string Value { get; set; } 

    } 

    HeatmapData[] Data = new HeatmapData[] { 

               new HeatmapData  { RowId= "France", ColumnId= "2010", Value= "77.6" }, 

               new HeatmapData  { RowId= "France", ColumnId= "2011", Value= "79.4" }, 

                

… 

} 

public void TooltipRendering(ITooltipEventArgs args) 

    { 

        args.Content = new string[] { "In " + args.YLabel + ", " + args.Value + "M" + " visited " + args.XLabel}; 

    } 

} 

  

  

Sample: https://www.syncfusion.com/downloads/support/forum/148596/ze/HeatMap1007695413  

  

Please check the above sample and get back to us if you need any further assistance. 

  

Regards, 

Kanagambigai M.