Syncfusion Angular Gauges

Syncfusion게이지 컨트롤JavaScript

사용자 지정 가능한 원형 게이지로 수치 데이터를 시각화하세요.

  • 여러 축을 사용해 원형 눈금에 숫자 값을 시각화합니다.
  • 정확한 데이터 표현을 위해 포인터, 범위, 레이블을 사용자 지정합니다.
  • 애니메이션, 드래그, 툴팁, 내보내기 옵션으로 상호 작용을 활성화합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Angular Gauges 제품 이미지
Syncfusion Angular Circular Gauge를 사용하면 개발자가 유연하고 시각적으로 매력적인 원형 눈금에 수치 데이터를 표시할 수 있습니다. 속도계, 시계, 진행률 카운터와 같은 애플리케이션에 적합한 여러 축, 포인터, 범위 사용자 지정 기능을 지원합니다. 고급 기능으로는 애니메이션, 드래그 상호 작용, 범례, 툴팁, 데이터 내보내기 등이 포함되어 다양한 데이터 시각화 요구를 충족합니다.

축 사용자 지정

시작 및 끝 각도, 방향, 스타일을 사용자 지정할 수 있는 여러 원형 축을 정의합니다. 글꼴, 크기, 색상, 위치 오프셋, 테두리선을 수정하여 레이블과 눈금을 조정하고 특정 데이터 요구 사항에 맞게 게이지를 세밀하게 조정할 수 있습니다.

범위 시각화

구성 가능한 색상, 그라데이션, 너비, 위치를 가진 여러 범위를 사용하여 축의 주요 값 범위를 강조해 가독성을 높이고 데이터 구간을 시각적으로 구분합니다.

포인터 종류

니들, 마커, 범위 바 유형을 포함한 매우 사용자 지정 가능한 포인터를 통해 값을 표시합니다. 모양, 크기, 색상, 애니메이션, 위치를 사용자 지정하고, 복잡한 데이터 표현을 위해 축당 여러 포인터를 추가할 수 있습니다.

포인터 애니메이션 및 상호 작용

포인터 전환을 부드럽게 애니메이션하여 역동적인 시각 효과를 제공합니다. 포인터 및 범위 드래그를 활성화하여 사용자가 실시간 업데이트와 스와이프 제스처 지원을 통해 값을 대화형으로 조정할 수 있습니다.

범례 및 툴팁

구성 가능한 위치와 스타일로 범위와 포인터를 쉽게 식별할 수 있도록 범례를 추가합니다. 마우스 오버 시 상세 툴팁을 표시하여 추가 데이터 인사이트를 제공합니다.

유연한 게이지 레이아웃

시작 및 끝 각도를 조정하여 전체, 반원형, 사분원형 게이지를 만들 수 있으며, 다양한 화면 크기와 컴팩트한 대시보드 영역에 이상적입니다.

주석 지원

특정 위치에 HTML 콘텐츠를 주석으로 삽입하여 문맥 정보를 제공하거나 게이지 표현을 향상시킬 수 있습니다.

내보내기 및 인쇄

렌더링된 게이지를 PDF, SVG, PNG, JPEG 또는 base64 문자열로 내보내 보고서나 오프라인 분석에 통합할 수 있습니다. 지원되는 브라우저에서 직접 인쇄할 수 있습니다.

접근성 및 지역화

WAI-ARIA 표준을 준수하여 화면 읽기 프로그램 지원 및 키보드 탐색을 보장합니다. 내장된 지역화 기능을 사용하여 로캘에 따라 숫자와 레이블을 사용자 지정할 수 있습니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular