@baneung-pack

채움만

외곽선 없이 채움만 (showLine={false} + fillOpacity={0.45})

roleFrontendBackendDevOpsDatabaseTestingCommunication
시니어 개발자908575808590
주니어 개발자656045556070

API

RadarChartProps

PropertyType기본값설명
axesstring[]필수축으로 사용할 키 목록
labelKeystring필수시리즈 이름이 들어있는 키 (행=하나의 radar)
axisLabelsRecord<string, string>-축 키 → 표시명 매핑
maxnumber자동방사형 스케일 최대값 (외곽)
fillOpacitynumber0.25시리즈 채움 투명도 (0이면 외곽선만)
showLinebooleantrueradar 외곽선 표시. false면 채움 영역만 보임

ChartBaseProps

PropertyType기본값설명
dataRecord<string, unknown>[]필수차트 데이터 배열
heightnumber300차트 높이(px). 너비는 부모 100%
colorsreadonly string[]DEFAULT_COLORS시리즈 컬러 팔레트 (navy/teal 기반 10색)
showGridbooleantrue그리드 표시 (Pie/Doughnut에는 무시)
showLegendbooleantrue범례 표시
showTooltipbooleantrue툴팁 표시
emptyStateReactNode-빈 데이터일 때 표시
classNamestring-외부 wrapper className
valueFormat'plain' | 'comma' | 'korean' | (n: number) => string'plain'숫자 포맷 (tooltip / 라벨 / y축 tick 일관 적용). `korean` → 125만/1.2억, `comma` → 1,250,000, 함수로 단위 suffix 가능
a11yTablebooleantrue접근성용 sr-only 데이터 테이블 자동 렌더 (스크린리더가 canvas 차트 데이터를 읽을 수 있게 함)
a11yCaptionstring-sr-only 테이블 caption (스크린리더가 먼저 읽음)