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.

WaterfallChart

visual

폭포 차트. 양수/음수 델타를 누적 바 차트로 시각화합니다.

100%

Revenue Waterfall

테스트 커버리지

2026년 2월 4일

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

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

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

WaterfallChart Props

Prop타입기본값설명
data*WaterfallDataPoint[]—{ name, value } 배열
positiveColorstring"#22c55e"양수 막대 색상
negativeColorstring"#ef4444"음수 막대 색상
totalColorstring"#3b82f6"총합 막대 색상

Import

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