Sehen Sie, wie Werte über gleiche Bereiche verteilt sind, als sich berührende Balken, wobei Sie die Zahl der Klassen oder ihre Breite steuern.
Warum es hilft
- Verteilung auf einen Blick
- Klassen oder Breite
- Anzahlen oder Anteile
Wo es passt
- Antwortzeiten
- Alter
- Ergebnisse
Beispiel
<Histogram Label="Response time in milliseconds" Values="_times" Bins="12" ValueFormat="0" />
<Histogram Label="Share of orders by value" Values="_orders" BinWidth="20" Scale="HistogramScale.Percent" ShowDataLabels="true" ValueFormat="0.#" />
@code {
private readonly double[] _times = Generate(400, 180, 45, 1);
private readonly double[] _orders = Generate(300, 90, 35, 2);
private static double[] Generate(int count, double mean, double deviation, int seed)
{
var random = new Random(seed);
return Enumerable.Range(0, count)
.Select(_ => Math.Max(1, mean + deviation * (random.NextDouble() + random.NextDouble() + random.NextDouble() - 1.5) * 2))
.ToArray();
}
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
Teil von RayCraft Complete.