ChartTooltip

visual

opt-ui 스타일의 role=tooltip 차트 툴팁. 장식 마커는 숨기고 Recharts Tooltip의 content prop으로 사용합니다.

100%

마우스를 차트 위로 올려 툴팁을 확인하세요. opt-charts 컴포넌트는 기본적으로 role=tooltip인 툴팁을 사용하고 색상 점은 장식 요소로 접근성 트리에서 제외합니다.

2026년 7월 9일

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

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

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

Prop	타입	기본값	설명
`active`	`boolean`	—	툴팁 활성화 상태 (Recharts 자동 전달)
`payload`	`array`	—	데이터 포인트 배열 (Recharts 자동 전달)
`label`	`ReactNode`	—	X축 레이블
`labelFormatter`	`(label: ReactNode) => ReactNode`	—	레이블 포맷터 함수
`valueFormatter`	`(value: TooltipValueType, name: string \| number) => ReactNode`	—	값 포맷터 함수
`hideLabel`	`boolean`	`false`	레이블 숨김 여부

tsx

import { ChartTooltipContent, createChartTooltip } from "@reopt-ai/opt-ui";