Home Components Support Pricing About Log in

Box & Whisker Chart

BptChartBoxWhisker

Box-and-whisker plot (Tukey) — each category renders as a vertical box from Q1 to Q3 with a line at the median, whiskers extending to min and max, and optional outlier dots. Built on the BPT chart foundation — palette-aware, drag-to-rotate in 3D mode (boxes extrude into oblique blocks), scroll-zoom, and keyboard-accessible via a hidden data table.

Box & Whisker Chart Parameters

Response time distribution by region
Category	Min	Q1	Median	Q3	Max
US-East	42	58	72	88	110
US-West	38	54	66	82	104
EU	28	41	53	68	92
APAC	55	78	96	118	156
ME	64	88	110	142	178

Current Configuration

📋

<BptChartBoxWhisker Data="@Data"
                    Width="640"
                    Height="400"
                    XAxisLabel="Region"
                    YAxisLabel="Response time (ms)"
                    Title="Response time distribution by region"
                    OnElementClick="HandleClick" />

@code {
private readonly IReadOnlyList<BptChartBoxWhiskerPoint> Data = new BptChartBoxWhiskerPoint[]
{
    new("US-East", Min: 42, Q1: 58, Median: 72, Q3: 88, Max: 110,
        Outliers: new[] { 145.0, 168.0 }),
    // …more boxes
};

private void HandleClick(BptChartElementEvent e) {
    // Click handler — fires regardless of TooltipMode.
}
}