BarChart

visual

비교 데이터용 막대 차트. 카테고리 간 값 비교를 시각화합니다.

깊이

100%

2026년 7월 9일

생성된 테스트 결과를 찾지 못했습니다.

BarChart 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Prop	타입	기본값	설명
`data`*	`ChartDataPoint[]`	—	차트 데이터 배열
`series`*	`ChartSeriesDef[]`	—	시리즈 정의 (dataKey, name, color)
`xAxisKey`	`string`	`"name"`	X축 데이터 키
`height`	number \| `${number}%`	`300`	차트 높이
`layout`	`"horizontal" \| "vertical"`	`"horizontal"`	차트 방향
`stacked`	`boolean`	`false`	스택형 막대 차트
`barSize`	`number`	—	막대 너비
`radius`	`number \| [number, number, number, number]`	`4`	막대 모서리 반경

tsx

import { BarChart } from "@reopt-ai/opt-ui";