Syncfusion React Gauges

Syncfusion게이지 컨트롤JavaScript

원형 및 선형 게이지용 구성 요소로 숫자 데이터를 시각화하세요.

  • 원형 및 선형 게이지를 사용하여 값을 시각화합니다.
  • 스케일, 범위, 포인터, 주석을 지원합니다.
  • 포인터 드래그 및 애니메이션 전환과 같은 대화형 기능을 포함합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion React Gauges 제품 이미지
Syncfusion React Gauges에는 원형 및 선형 게이지를 렌더링하기 위한 구성 요소가 포함되어 있습니다. 이러한 구성 요소는 구성 가능한 스케일, 범위, 포인터, 주석을 사용하여 정량적 값을 표시하는 데 도움이 되며, React 애플리케이션의 대시보드 및 모니터링 인터페이스에 적합합니다. 이 구성 요소는 포인터 드래그 및 부드러운 애니메이션과 같은 사용자 상호 작용 기능을 제공합니다.

원형 게이지 시각화

구성 가능한 축, 눈금, 포인터, 범위를 사용하여 값이 원형 형식으로 표현되도록 방사형 게이지 디스플레이를 렌더링합니다.

선형 게이지 시각화

가로 또는 세로 선형 게이지를 사용하여 값을 표시하며, 막대, 마커, 비교 지표를 지원합니다.

스케일 및 범위

여러 스케일과 범위를 지원하여 값을 시각적으로 구분하고 임계값이나 목표 구역을 강조합니다.

포인터 및 마커 사용자 지정

현재 값, 목표, 비교 측정을 표시하기 위한 구성 가능한 포인터와 마커를 제공합니다.

주석 및 레이블

게이지 표시 안에 직접 맥락 정보를 제공하기 위해 텍스트와 사용자 지정 주석을 추가할 수 있습니다.

반응형 렌더링

게이지 레이아웃을 다양한 화면 크기에 맞게 조정하여 반응형 대시보드 및 애플리케이션에서 사용할 수 있도록 지원합니다.

이벤트 및 상호 작용 지원

사용자 상호 작용 및 값 변경을 위한 이벤트를 노출하여 동적 업데이트와 애플리케이션 로직 통합을 가능하게 합니다.

모양 사용자 지정 및 전역화

글꼴, 색상, 그라데이션, 제목을 사용자 지정하고, 국제화된 애플리케이션을 위해 오른쪽에서 왼쪽으로의 렌더링 및 로케일별 서식을 지원합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • React