Demo de rangos numéricos

Una columna numérica no necesita formar una barra para cada valor que contiene. Agrupadas en rangos, las barras cubren un tramo de cada una — de 20 a 24, de 25 a 29 — sumadas en el servidor desde una fila para cada valor, con cada rango entre el más bajo y el más alto dibujado, de modo que el eje no tiene huecos. Los mismos rangos pueden dividir cada barra en una serie en su lugar.

Contactos por edad, y por género y edad

El primer gráfico cuenta los contactos en cada rango de edades (GroupByRangeSize); elige cuántos años cubre una barra, o una barra para cada edad. El segundo los cuenta por género y apila cada barra por rango de edad (SeriesRangeSize), la leyenda que lista primero los rangos más bajos. Cada selección da al gráfico una nueva fuente de datos, y vuelve a cargar.

Ejemplo de reacción Ejemplo de Blazor React TypeScript Razor

Cómo se calculan los rangos, sus etiquetas y cifras, valores en blanco y cuántos valores muestra un gráfico, están en la documentación: Rangos numéricos.