GaugeChart
visual게이지/미터 차트. SVG 기반으로 진행률이나 KPI를 시각화합니다.
컴포넌트 의존 관계
깊이
100%
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
GaugeChart 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
GaugeChart Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
value* | number | — | 현재 값 |
min | number | 0 | 최소값 |
max | number | 100 | 최대값 |
label | string | — | 하단 레이블 |
valueLabel | string | — | 값 표시 커스텀 텍스트 |
size | number | 200 | 차트 크기 (px) |
strokeWidth | number | 20 | 호 두께 |
color | string | — | 활성 색상 |
trackColor | string | — | 트랙 색상 |
Import
tsx
import { GaugeChart } from "@reopt-ai/opt-ui";