ComposedChart

visual

막대·선·영역을 한 축에 결합하는 콤보 차트. 매출 막대와 성장률 선처럼 이종 지표를 함께 비교합니다.

100%

2026년 7월 9일

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

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

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

Prop	타입	기본값	설명
`data`*	`ChartDataPoint[]`	—	차트 데이터 배열
`series`*	`ChartSeriesDef[]`	—	시리즈 정의 (dataKey, name, type: bar\|line\|area)
`xAxisKey`	`string`	`"name"`	X축 데이터 키
`height`	number \| `${number}%`	`300`	차트 높이
`showGrid`	`boolean`	`true`	그리드 표시 여부
`showLegend`	`boolean`	`false`	범례 표시 여부
`animate`	`boolean`	`true`	애니메이션 활성화

tsx

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