Use POCO[] instead of double[]

Thread ID:	Created:	Updated:	Platform:	Replies:
148596	Oct 26,2019 12:30 AM UTC	Oct 28,2019 11:16 AM UTC	Blazor	1

Subscribe to this post

Tags: Heatmap Chart

Support

Asked On October 26, 2019 12:30 AM UTC

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.

Reply | Reply with quote

Kanagambigai Murugan [Syncfusion]

Replied On October 28, 2019 11:16 AM UTC

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.

Reply | Reply with quote

CONTACT US

Use POCO[] instead of double[]

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US