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
테스트 커버리지
2026년 7월 9일생성된 테스트 결과를 찾지 못했습니다.
TimeSeriesTooltipContent 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
TimeSeriesTooltipContent Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
granularity | TimeGranularity | "day" | 버킷 단위 (타임스탬프 정밀도 결정) |
timeZone | string | — | 타임스탬프를 읽을 IANA 타임존 |
sortByValue | boolean | true | 값 내림차순 정렬 |
showTotal | boolean | false | 표시 중인 시리즈 합계 행 |
maxItems | number | 12 | 표시할 시리즈 최대 개수 |
comparisonKeys | Record<string, string> | — | 비교 시리즈 dataKey → 대상 dataKey 매핑 |
valueFormatter | (value: number, dataKey: string) => ReactNode | — | 값 포매터 |
Import
tsx
import { TimeSeriesTooltipContent, createTimeSeriesTooltip } from "@reopt-ai/opt-ui";