ejHeatMap
Namespace: Wisej.Web.Ext.Syncfusion
Assembly: Wisej.Web.Ext.Syncfusion (4.1.0.0)
Essential HeatMap JS represents tabular data values as gradient colors instead of numbers,low and high values are different colors with different gradients.
- C#
- VB.NET
public class ejHeatMap : ejBase
Public Class ejHeatMap
Inherits ejBase
Constructors
ejHeatMap()
Constructs a new instance of the ejHeatMap class.
Example:
The following example creates the heat map and sets the data and the colors through the options.
var heatMap = new ejHeatMap();
heatMap.Options.itemsSource = sales;
heatMap.Options.colorMappingCollection = new[]
{
new { value = 0, color = "#8ec8f8" },
new { value = 100, color = "#0d47a1" }
};
heatMap.Dock = DockStyle.Fill;
this.Controls.Add(heatMap);
ejHeatMap(options)
Constructs a new instance of the ejHeatMap class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a heat map that colors the cells from light blue, for the value 0, to dark blue, for the value 100.
var heatMap = new ejHeatMap(new
{
itemsSource = sales,
colorMappingCollection = new[]
{
new { value = 0, color = "#8ec8f8", label = new { text = "0" } },
new { value = 100, color = "#0d47a1", label = new { text = "100" } }
}
});
heatMap.Dock = DockStyle.Fill;
this.Controls.Add(heatMap);