Appearance in ASP.NET Core HeatMap Chart Component

18 Nov 20181 minute to read

Cell customization

Border

Cell highlighting

Color gradient mode

Background color

Margin

Title

Data label

Customize the data label

Text style

Format

Template

Array binding

By including ${value} in the template content, the value from the data source for the corresponding cell can be displayed in the HeatMap cell as data label template content. Additionally, the x-axis and y-axis label values can be displayed by including ${xLabel} and ${yLabel} in the template content.

Table

The following example demonstrates how to add a data label template for array table binding.

Cell

The following example demonstrates how to add a data label template for array cell binding.

JSON binding

By including the desired field name in the template content, such as ${value}, the value from the data source for the corresponding cell can be displayed in the HeatMap cell as data label template content.

Table

The following example demonstrates how to add a data label template for JSON table binding.

Cell

The following example demonstrates how to add a data label template for JSON cell binding.