박스플롯
그룹마다 값 분포를 다섯 수(최솟값 · Q1 · 중앙값 · Q3 · 최댓값)와 이상값으로 보여 주는 표현 전용 차트입니다. 담당자 · 지점별 처리 시간이나 단가의 퍼짐을 나란히 비교합니다. 상자는 가운데 절반의 값, 굵은 선은 중앙값, 수염은 상자에서 1.5배 IQR 안의 가장 먼 값, 그 밖의 점은 이상값입니다. 사분위는 엑셀 QUARTILE.INC 와 같은 선형 보간입니다.
상태
강남점
강남점
최댓값30h
Q326.5h
중앙값23.5h
Q121.75h
최솟값18h
개수12
이상값1개
판교점
판교점
최댓값25h
Q322.75h
중앙값21h
Q119.25h
최솟값16h
개수10
부산점
부산점
최댓값38h
Q335h
중앙값31h
Q128h
최솟값24h
개수11
이상값1개
대구점
대구점
최댓값31h
Q327h
중앙값25h
Q122.25h
최솟값20h
개수10
10h20h30h40h50h60h
강남점
강남점
최댓값30h
Q326.5h
중앙값23.5h
Q121.75h
최솟값18h
개수12
이상값1개
판교점
판교점
최댓값25h
Q322.75h
중앙값21h
Q119.25h
최솟값16h
개수10
10h20h30h40h50h
활용 방법
지점별 배송 리드타임
행에 마우스를 올리거나 탭 · 키보드로 초점을 주면 다섯 수와 개수 · 이상값 수가 나온다.
Preview
강남점
강남점
최댓값30시간
Q326.5시간
중앙값23.5시간
Q121.75시간
최솟값18시간
개수12
이상값1개
판교점
판교점
최댓값25시간
Q322.75시간
중앙값21시간
Q119.25시간
최솟값16시간
개수10
부산점
부산점
최댓값38시간
Q335시간
중앙값31시간
Q128시간
최솟값24시간
개수11
이상값1개
대구점
대구점
최댓값31시간
Q327시간
중앙값25시간
Q122.25시간
최솟값20시간
개수10
10시간20시간30시간40시간50시간60시간
tsx
<BoxPlotgroups={[{ label: "강남점", values: [18, 20, 21, 22, /* ... */ 44] },{ label: "판교점", values: [16, 17, 19, 20, /* ... */ 25] },]}formatValue={(v) => `${v}시간`}/>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| groups | BoxPlotGroup[] | - | { label, values }. 값이 없는 그룹은 뺀다 |
| tone | ChartTone | "primary" | 상자 · 중앙값 · 이상값 테두리 색 |
| rowH | number | 28 | 행 높이(px) |
| labelW | number | 64 | 그룹 이름 칸 폭(px) |
| formatValue | (v: number) => string | ko-KR 콤마(소수 1자리) | 값 · 눈금 포맷 |