레이더 차트

3~8개 지표(각 0~100)의 밸런스를 다각형으로 보여준다: 역량 프로필·평가 요약 등. 링·스포크는 헤어라인, 데이터 폴리곤은 tone 워시 + 2px 스트로크이며 꼭짓점 도트는 서페이스 링으로 분리된다. 축 라벨은 HTML 오버레이라 왜곡이 없다.

상태

속도80%정확도65%안정성90%비용55%확장성72%지원60%primary

속도80%정확도65%안정성90%비용55%확장성72%지원60%point

활용 방법

역량 프로필

axes 각 항목은 0~100 값을 갖는다(범위 밖은 클램프). 지표가 3개 미만이면 '지표 부족'을 표시한다.

Preview

속도80%정확도65%안정성90%비용55%확장성72%지원60%

tsx

<RadarChart
  size={260}
  axes={[
    { label: "속도", value: 80 },
    { label: "정확도", value: 65 },
    { label: "안정성", value: 90 },
    { label: "비용", value: 55 },
    { label: "확장성", value: 72 },
    { label: "지원", value: 60 },
  ]}
/>

속성

이름	타입	기본값	설명
axes	RadarAxis[]	-	지표 배열: { label, value(0~100) }. 3개 이상
tone	ChartTone	"primary"	폴리곤 워시·스트로크·도트 색
size	number	210	차트 한 변(px, 라벨 여백 포함)