Infragistics Ignite UI for Angular Gauges

Infragistics게이지 컨트롤JavaScript

유연한 Angular 게이지 컴포넌트로 데이터를 정밀하게 시각화하세요.

  • 선형, 방사형, 불릿 그래프 게이지 컴포넌트를 포함합니다.
  • 사용자 지정 가능한 지속 시간의 애니메이션 전환을 지원합니다.
  • 바늘, 범위, 레이블, 눈금의 세부 사용자 지정을 지원합니다.
Infragistics logo

가격:

로딩 중...
다음에서 사용 가능
Infragistics Ignite UI for Angular로딩 중
Infragistics Ignite UI로딩 중
Infragistics Professional로딩 중
Infragistics Ultimate로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
Infragistics Ignite UI for Angular Gauges 제품 이미지
Ignite UI for Angular Gauges는 데이터를 명확하고 효과적인 게이지로 시각화하도록 설계된 컴포넌트 제품군을 제공합니다. Angular 개발자는 선형, 방사형, 불릿 그래프 게이지를 통합할 수 있으며, 각 게이지는 사용자 지정 가능한 눈금, 바늘, 범위, 애니메이션 전환을 지원합니다. 이러한 컴포넌트는 대시보드 메트릭, 성능 추적, 목표 비교에 이상적입니다.

Linear Gauge Component

선형 레이아웃을 사용하여 값을 눈금과 비교해 표시합니다. 구성 가능한 방향, 진행 방향, 값 표시용 바늘, 그리고 사용자 지정 가능한 눈금 표시와 레이블을 지원합니다. 조정 가능한 지속 시간의 애니메이션 전환도 포함됩니다.

Radial Gauge Component

바늘, 눈금 표시, 레이블과 같은 시각적 요소를 사용하여 원형 또는 호 형태의 눈금으로 값을 표시합니다. 배킹 모양, 눈금 호, 스윕 방향을 사용자 지정할 수 있으며, 동적 레이블 크기 조정을 위한 광학적 스케일링도 지원합니다.

Bullet Graph Component

최소한의 공간에서 선형 눈금에 성능 값과 목표 값을 표시합니다. 성과 막대와 목표 마커로 진행 상황을 시각화하고, 정성적 평가를 위한 비교 범위도 포함합니다. 방향 및 진행 방향 사용자 지정을 지원합니다.

Needle and Highlight Needles

모든 게이지 유형은 기본값과 강조 값을 나타내기 위해 하나 또는 두 개의 바늘을 지원합니다. 바늘 모양과 피벗 스타일은 사용자 지정할 수 있습니다. 방사형 게이지는 사용자가 바늘을 직접 드래그하는 상호 작용도 선택적으로 허용합니다.

Ranges

눈금의 값 구간을 강조하여 정성적 상태나 임계값을 나타내는 시각적 요소입니다. 여러 범위를 추가할 수 있으며, 사용자 지정 가능한 브러시와 윤곽선을 통해 성능 수준을 시각적으로 전달합니다.

Tick Marks and Labels

주 눈금과 보조 눈금은 명확성을 위해 눈금을 여러 구간으로 나눕니다. 레이블은 눈금을 따라 배치된 숫자 값을 표시하며, 가독성을 높이기 위한 글꼴과 색상 스타일 옵션을 제공합니다.

Backing and Scale Customization

배킹은 게이지의 배경과 테두리 역할을 하며, 다른 모든 요소 아래에 렌더링됩니다. 눈금은 디자인 요구 사항과 값 범위에 맞게 반전하거나, 맞춤형 브러시와 범위(extents)로 스타일링할 수 있습니다.

Animated Transitions

게이지는 값이 업데이트될 때 애니메이션 전환을 기본 지원합니다. 애니메이션 지속 시간은 구성 가능하므로 부드럽고 시각적으로 매력적인 데이터 업데이트가 가능합니다.

Integration and Dependencies

각 게이지 컴포넌트는 Ignite UI Angular core 패키지가 필요합니다. 각 게이지 유형의 모듈은 기능과 특성을 활성화하기 위해 Angular 애플리케이션에 가져와야 합니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular
  • Vanilla JavaScript