ナンバーレンジデモ

数字列は、保持するすべての値に対してバーを作る必要はありません。範囲ごとにグループ化すると、バーはそれぞれの値のスパン(20から24、25から29)をサーバー上で合計し、最低と最高の間のすべての区間を描くため、軸に隙間がなくなります。同じ範囲で各バーを連続に分割することもできます。

年齢別および性別・年齢別の連絡先

最初のチャートは各年齢範囲(GroupByRangeSize)の連絡先数をカウントします。バーがカバーする年数を選び、または年齢ごとにバーを選びます。2つ目は性別で数え、年齢帯ごとにバーを積み重ねます(SeriesRangeSize)、まずは最も低い範囲を示す凡例を示します。各ピックごとにチャートに新しいデータソースが与えられ、再び読み込みが始まります。

Reactの例 ブレイザーの例 React TypeScript Razor

範囲の算出方法、ラベルや図、空欄の値、チャートが読み取る値の数はドキュメントにあります。 数値範囲。