HeatMap Chart
Density visualization across two dimensions.
ER patient flow
Visit density by hour and day of week
razor
<HeatMapChart XCategories="hours"
YCategories="days"
Data="data"
Height="350px" />
@code {
private List<string> hours = new() { "6AM", "8AM", "10AM", "12PM" };
private List<string> days = new() { "Mon", "Tue", "Wed", "Thu", "Fri" };
private List<HeatMapPoint> data = new()
{
new HeatMapPoint(0, 0, 12), // col 0, row 0, value 12
new HeatMapPoint(1, 0, 35),
// ...
};
}With values
ShowValues="true" prints cell counts
razor
<HeatMapChart XCategories="hours"
YCategories="days"
Data="data"
ShowValues="true"
Height="350px" />