Skip to main content

HeatMap

Namespace: Wisej.Web.Ext.Syncfusion2

Assembly: Wisej.Web.Ext.Syncfusion2 (4.1.0.0)

The Heat map control is used to visualize a two-dimensional data in which the values are represented in gradient or fixed colors.

public class HeatMap : ej2Base

Constructors​

Instance member HeatMap()​

Constructs a new instance of the HeatMap class.

Example:

The following example creates a heat map through the Options object. The data source contains one array of values for each label of the horizontal axis.

var heatMap = new HeatMap();
heatMap.Options.xAxis = new { labels = new[] { "Mon", "Tue", "Wed" } };
heatMap.Options.yAxis = new { labels = new[] { "Morning", "Afternoon" } };
heatMap.Options.dataSource = new[]
{
new[] { 12, 30 },
new[] { 25, 18 },
new[] { 9, 41 }
};
this.Controls.Add(heatMap);

Instance member HeatMap(options)​

Constructs a new instance of the HeatMap class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a heat map with a title that shows the value in each cell.

var heatMap = new HeatMap(new
{
titleSettings = new { text = "Visitors per Day" },
xAxis = new { labels = new[] { "Mon", "Tue", "Wed" } },
yAxis = new { labels = new[] { "Morning", "Afternoon" } },
cellSettings = new { showLabel = true },
dataSource = new[]
{
new[] { 12, 30 },
new[] { 25, 18 },
new[] { 9, 41 }
}
});
this.Controls.Add(heatMap);

Implements​