reopt designreopt design
DocsExploreToolsPricingBuilder
로그인
시작하기
개요
시작하기
핵심 개념
핵심 개념
데이터 모델
데이터 모델
구축·운영
Production readiness
opt-charts · Charts
ChartContainer
ChartTooltip
ChartLegend
LineChart
BarChart
AreaChart
Sparkline
PieChart
ScatterChart
ComparisonChart
GaugeChart
FunnelChart
RetentionHeatmap
SankeyChart
CalendarHeatmap
WaterfallChart
BubbleChart
ComposedChart
RadarChart
RadialBarChart
Treemap
Histogram
BoxPlot
BulletChart
Heatmap
DataBar
GanttChart
Sunburst
CandlestickChart
TimeSeriesChart
TimeSeriesTooltip
MetricsCard
TrendChart
EventSparkline
ReportWidget
Oopt-charts
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 소개
  • 문의
  • 서비스 약관
  • 개인정보처리방침

주식회사 리옵트사업자등록번호 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

TimeSeriesTooltip

visual

시계열 전용 툴팁. 전체 타임스탬프와 타임존, 값 내림차순 정렬, 합계, 이전 기간 대비 델타, 미완료 버킷 경고를 표시합니다.

100%

Sorted, with a full timestamp

Hover the chart. Series are ranked by value, so the eye does not have to chase the legend order.

Total and time zone

Comparison folded into a delta

Rendered on its own

Static preview

Aug 24, 2026

Still filling

Web430
Mobile320
API180
Total930

테스트 커버리지

2026년 7월 9일

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

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

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

TimeSeriesTooltipContent Props

Prop타입기본값설명
granularityTimeGranularity"day"버킷 단위 (타임스탬프 정밀도 결정)
timeZonestring—타임스탬프를 읽을 IANA 타임존
sortByValuebooleantrue값 내림차순 정렬
showTotalbooleanfalse표시 중인 시리즈 합계 행
maxItemsnumber12표시할 시리즈 최대 개수
comparisonKeysRecord<string, string>—비교 시리즈 dataKey → 대상 dataKey 매핑
valueFormatter(value: number, dataKey: string) => ReactNode—값 포매터

Import

tsx
import { TimeSeriesTooltipContent, createTimeSeriesTooltip } from "@reopt-ai/opt-ui";