Saltar al contenido
GRÁFICOS · COMPLETE

HeatmapChart

Revela patrones en una tabla de números mediante el color.

Revela patrones en una tabla de números mediante la intensidad del color, elegida para mantener el contraste en cada tema.

Por qué ayuda

  • Intensidad como color
  • Contraste conservado
  • Compacto

Dónde encaja

  • Actividad por hora
  • Tablas de correlación
  • Tasas de error
El control HeatmapChart en una página de RayCraft

Ejemplo

<HeatmapChart Label="Visits by weekday and period" Rows="_rows" Columns="_columns" Data="_data" />

@code {
    private readonly string[] _rows = ["Mon", "Tue", "Wed", "Thu", "Fri"];
    private readonly string[] _columns = ["Morning", "Noon", "Afternoon", "Evening"];

    private readonly double[][] _data =
    [
        [12, 30, 25, 8],
        [15, 34, 28, 10],
        [18, 40, 33, 14],
        [14, 36, 30, 20],
        [10, 28, 35, 42]
    ];
}

Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Forma parte de RayCraft Complete.

Todos los controles ยท Documentación