Hoppa till innehållet
DIAGRAM · COMPLETE

BoxPlot

Visa hur en uppsättning tal sprids, inte bara medelvärdet.

Visa hur en uppsättning tal sprids, inte bara medelvärdet: den mellersta hälften, medianen och intervallet.

Varför det hjälper

  • Spridning, median och intervall
  • Extremvärden synliga
  • Flera grupper

Var det passar

  • Kvalitetskontroll
  • Löner
  • Testresultat
Kontrollen BoxPlot på en RayCraft-sida

Exempel

<BoxPlot Label="Salary by department" Groups="_groups" ShowMean="true" ColorByGroup="true" ValueFormat="#,0" />

@code {
    private readonly BoxPlotGroup[] _groups = Build();

    private static BoxPlotGroup[] Build()
    {
        var random = new Random(7);
        double[] Sample(double center, double spread, int count) =>
            Enumerable.Range(0, count).Select(_ => center + spread * (random.NextDouble() + random.NextDouble() - 1) * 2).ToArray();

        var engineering = Sample(5200, 900, 40).Concat([9400d, 2100d]).ToArray();
        return
        [
            new("Engineering", engineering),
            new("Design", Sample(4300, 600, 25)),
            new("Sales", Sample(4600, 1200, 35).Concat([9900d]).ToArray()),
            new("Support", Sample(3300, 400, 30))
        ];
    }
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller ยท Dokumentation