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.

FunnelChart

visual

퍼널 차트. 전환율이나 단계별 감소를 시각화합니다.

컴포넌트 의존 관계

깊이
▲ USED BY (2)funnel-analysiscohort-comparisonFunnelChart
100%
Visitors·5,000
Signups·3,200
Activated·1,800
Subscribed·950
Retained·620

테스트 커버리지

2026년 2월 4일

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

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

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

FunnelChart Props

Prop타입기본값설명
data*FunnelDataPoint[]—퍼널 데이터 ({ name, value, color? })
heightnumber300차트 높이
showLabelsbooleantrue라벨 표시
showValuesbooleantrue값 표시
valueFormatter(value: number) => string—값 포맷터

Import

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