Histogram

Вижте как стойностите са разпределени по равни диапазони, като допиращи се ленти, при което броят на интервалите или ширината им са под ваш контрол.

Защо помага

• Разпределение с един поглед
• Интервали или ширина
• Броеве или дялове

Къде пасва

• Времена за отговор
• Възрасти
• Резултати

Пример

<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();
    }
}

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Част от RayCraft Complete.

Всички контроли · Документация