Blazor HeatMap Chart Example - Multi-Level Label Visualization

This sample illustrates product-by-product monthly sales revenue of items sold by an online retailer over the course of a year. Products are organized by purchase domains, with revenue displayed as cell data for comprehensive sales analysis.

Multi-Level Axis Labels - This example demonstrates how to group axis labels into hierarchical levels. You can customize text and appearance at each level using:

• HeatMapMultiLevelLabel - Defines multi-level label configuration
• HeatMapAxisMultiLevelCategories - Specifies hierarchical category structure
• HeatMapAxisMultiLevelLabelsTextStyle - Customizes label text styling

Border Customization - Axis label borders can be customized using:

• HeatMapXAxisMultiLevelLabelBorder - Customizes X-axis label borders
• HeatMapYAxisMultiLevelLabelBorder - Customizes Y-axis label borders

Border Style Options - The Type property provides various border styling options:

• Rectangle - Standard rectangular border
• Brace - Decorative brace-style border
• WithoutTopBorder - Border without top edge
• WithoutBottomBorder - Border without bottom edge
• WithoutTopandBottomBorder - Border without top and bottom edges
• WithoutBorder - No border display

Interactive Features - The tooltip is enabled in this example. Hover the mouse over a data point or tap on touch-enabled devices to view detailed sales revenue information organized by product domain and month.