Blazor HeatMap Chart Example - Multi-Level Label Visualization

HeatMap Chart / Features / Multi Level Labels

This sample illustrates the product-by-product monthly sales revenue of items sold by an online retailer over the course of a year. The products are organized by purchase domains, and revenue is displayed as cell data.

Loading Syncfusion Blazor Server Demos…

In this example, you can see how to group axis labels. You can customize text in each level by using HeatMapMultiLevelLabel, HeatMapAxisMultiLevelCategories, HeatMapAxisMultiLevelLabelsTextStyle, HeatMapXAxisMultiLevelLabelBorder and HeatMapYAxisMultiLevelLabelBorder classes.

The border of the axis labels can be customized by using Type property.

  • Rectangle
  • Brace
  • WithoutTopBorder
  • WithoutBottomBorder
  • WithoutTopandBottomBorder
  • WithoutBorder

The tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item on touch-enabled devices.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE