Démo des plages de numéros

Une colonne numérique n’a pas besoin de former une barre pour chaque valeur qu’elle contient. Regroupées en plages, les barres couvrent une portée de chacune — 20 à 24, 25 à 29 — additionnées sur le serveur à partir d’une ligne pour chaque valeur, chaque plage entre la plus basse et la plus dessinée étant dessinée, de sorte que l’axe n’a pas de trous. Les mêmes plages peuvent diviser chaque barre en une série à la place.

Contacts par âge, et par genre et âge

Le premier tableau compte les contacts dans chaque tranche d’âge (GroupByRangeSize) ; choisissez le nombre d’années couvert par une barre, ou une barre pour chaque âge. Le second les compte par sexe et empile chaque barre par tranche d’âge (SeriesRangeSize), la légende listant d’abord les plages les plus basses. Chaque sélection donne au graphique une nouvelle source de données, puis il se recharge.

Exemple de réaction Exemple de Blazor React TypeScript Razor

La façon dont les plages sont calculées, leurs étiquettes et chiffres, les valeurs vides, et le nombre de valeurs qu’un graphique indique, sont dans la documentation : Plages de numéros.