reopt designreopt design
DocsExploreToolsPricingBuilder
Start
Overview
Start
Core Concepts
Core Concepts
데이터 모델
데이터 모델
Build & Operate
Production readiness
opt-charts · Charts
ChartContainer
ChartTooltip
ChartLegend
LineChart
BarChart
AreaChart
Sparkline
PieChart
ScatterChart
ComparisonChart
GaugeChart
FunnelChart
RetentionHeatmap
SankeyChart
CalendarHeatmap
WaterfallChart
BubbleChart
MetricsCard
TrendChart
EventSparkline
ReportWidget
Oopt-charts
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

© 2026 reopt-ai. All rights reserved.

ComparisonChart

visual

비교 차트. grouped, stacked, mirrored 3가지 레이아웃으로 카테고리 간 비교를 시각화합니다.

컴포넌트 의존 관계

깊이
▲ USED BY (1)cohort-comparisonComparisonChart
100%

Grouped

Stacked

테스트 커버리지

2026년 2월 4일

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

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

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

ComparisonChart Props

Prop타입기본값설명
data*ChartDataPoint[]—차트 데이터 배열
series*ComparisonSeriesDef[]—비교 시리즈 정의
layout"grouped" | "stacked" | "mirrored""grouped"비교 레이아웃
heightnumber | `${number}%`300차트 높이
referenceLinenumber—기준선 Y값

Import

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