Infragistics Ignite UI for React Gauges

Infragistics게이지 컨트롤JavaScript

React 애플리케이션을 위한 동적이고 사용자 지정 가능한 게이지를 만드세요.

  • 풍부한 시각적 요소를 갖춘 반지름형 및 선형 게이지용 구성 요소를 포함합니다.
  • 애니메이션 전환과 완전히 사용자 지정 가능한 스케일 및 바늘을 지원합니다.
  • 구성 가능한 레이블, 범위, 상호작용형 바늘 드래그를 제공합니다.
Infragistics logo

가격:

로딩 중...
다음에서 사용 가능
Infragistics Ignite UI for React로딩 중
Infragistics Ignite UI로딩 중
Infragistics Professional로딩 중
Infragistics Ultimate로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
Infragistics Ignite UI for React Gauges 제품 이미지
Infragistics Ignite UI for React Gauges는 React 프로젝트에서 데이터를 동적으로 시각화할 수 있도록 강력한 게이지 구성 요소를 제공합니다. 반지름형 및 선형 게이지를 제공하며, 사용자 지정 가능한 스케일, 범위, 눈금 표시, 바늘을 지원하고, 애니메이션 및 상호작용 기능을 통해 풍부하고 직관적인 데이터 표시를 구현합니다.

Radial Gauge Component

바늘, 눈금 표시, 범위, 레이블과 같은 시각적 요소를 제공하여 원형 또는 호 형태의 게이지를 구성합니다. 애니메이션 전환과 사용자 지정 가능한 백킹 모양을 지원하여 완전히 맞춤화된 반지름형 게이지를 만들 수 있습니다.

Linear Gauge Component

측정 바, 범위, 눈금 표시, 레이블 등의 시각적 요소와 함께 선형 스케일에서 값을 표시합니다. 애니메이션 지원과 방향 조정을 통해 다양한 선형 게이지 시각화를 구현할 수 있습니다.

Configurable Scales and Ranges

두 가지 게이지 유형 모두 최소 및 최대 값, 스케일 각도 또는 방향, 그리고 사용자 지정 가능한 브러시와 윤곽선을 가진 여러 범위를 정의할 수 있어 정성적 데이터 상태를 시각적으로 나타냅니다.

Needle Customization and Interaction

게이지는 다양한 미리 정의된 모양의 바늘과 피벗 옵션을 제공합니다. 사용자는 상호작용형 바늘 드래그를 활성화하여 정의된 한도 내에서 게이지 값을 동적으로 조정할 수 있습니다.

Tick Marks and Labels

구성 가능한 간격으로 배치되는 주요 및 보조 눈금 표시를 지원하며, 게이지 스케일의 가독성과 표현의 명확성을 높이기 위해 위치와 스타일을 지정할 수 있는 레이블도 제공합니다.

Titles and Highlighted Values

게이지는 현재 바늘 값을 동적으로 표시하는 기능을 포함해 사용자 지정 가능한 제목과 부제목을 표시할 수 있습니다. 하이라이트 바늘은 조정 가능한 불투명도와 레이블 옵션을 가진 보조 값 표시를 제공합니다.

Animated Transitions

내장된 애니메이션 지원으로 바늘 이동 및 기타 시각적 변경이 부드럽게 전환되며, 애플리케이션 요구에 맞게 지속 시간을 사용자 지정할 수 있습니다.

Easy Integration in React

핵심 및 게이지 패키지의 설치가 필요하며, 간단한 모듈 등록과 컴포넌트 사용으로 기존 또는 신규 React 프로젝트에 원활하게 통합할 수 있습니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • React
  • Vanilla JavaScript