Syncfusion Vue Gauges

Syncfusion게이지 컨트롤JavaScript

원형 및 선형 게이지를 위한 사용자 지정 가능한 Vue 구성 요소.

  • 원형 또는 선형 게이지 구성 요소로 수치 데이터를 시각화합니다.
  • 여러 축, 방향, 대화형 포인터 컨트롤을 지원합니다.
  • 모양과 애니메이션을 위한 다양한 사용자 지정 옵션을 제공합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Vue Gauges 제품 이미지
Syncfusion Vue Gauges는 Vue 애플리케이션에서 수치 값을 효과적으로 시각화할 수 있는 완전히 사용자 지정 가능한 원형 및 선형 게이지 구성 요소를 제공합니다. 이러한 구성 요소를 통해 개발자는 여러 축, 다양한 포인터 유형, 부드러운 애니메이션을 활용하여 속도계, 온도계, 눈금자 등과 같은 대화형 시각화 컨트롤을 만들 수 있습니다. 유연성을 고려해 설계되어, 개발자는 다양한 기기와 브라우저에서 애플리케이션 요구 사항에 맞게 게이지의 모양과 동작을 조정할 수 있습니다.

원형 게이지 구성 요소

여러 축, 둥근 모서리, 사용자 지정 가능한 포인터와 같은 기능으로 원형 눈금에 수치 값을 시각화합니다. 시작 각도와 끝 각도를 조정하여 아날로그 시계, 속도계, 미터 게이지를 시뮬레이션하거나 반원형 및 사분원형 게이지를 만들 수 있습니다.

선형 게이지 구성 요소

여러 축과 방향 옵션을 지원하는 선형 눈금에 수치 값을 표시합니다. 수직 또는 수평 레이아웃에서 온도계, 압력 게이지, 눈금자와 같은 장치처럼 보이도록 게이지를 사용자 지정할 수 있습니다.

축 사용자 지정

레이블, 눈금, 오프셋 위치, 축선, 그리고 여러 축 지원을 조정하여 게이지 축을 수정합니다. 사용자는 축 방향을 반전하고, 가독성과 시각적 표현을 향상시키기 위해 서로 다른 스타일을 적용할 수 있습니다.

범위 사용자 지정

값 구간을 시각화하기 위해 게이지 축 내에 여러 범위를 추가합니다. 데이터 해석을 향상시키기 위해 범위 너비, 위치, 그라데이션 색상, 색상 변화를 조정할 수 있습니다.

포인터 유형 및 상호작용

현재 값을 나타내기 위해 니들, 마커, 바 포인터를 포함한 다양한 포인터 스타일을 사용합니다. 포인터는 애니메이션, 터치 또는 스와이프 제스처를 통한 드래그 상호작용, 그리고 비교용 데이터 표시를 위한 축당 여러 포인터를 지원합니다.

모양 및 스타일링

글꼴, 색상, 컨테이너 모양, 포인터 캡과 테일, 주석 요소, 범례 배치 등 게이지의 모양을 완전히 사용자 지정할 수 있습니다. 그라데이션 색상 전환과 둥근 모서리는 고급 스타일링 옵션을 제공합니다.

반응형 및 터치 지원

게이지는 다양한 화면 크기와 기기에 맞게 조정되며, 추가 설정 없이 포인터 드래그 및 툴팁 표시와 같은 터치 상호작용을 지원합니다.

접근성 지원

키보드 탐색 및 보조 기술을 지원하여, 대시보드가 더 다양한 사용자를 위한 접근성 요구 사항을 충족하도록 돕습니다.

풍부한 문서와 샘플

개발자는 포괄적인 문서, 샘플 데모, 튜토리얼 비디오, UI 키트를 이용할 수 있어 Vue 애플리케이션 내에서 게이지 구성 요소를 쉽게 통합하고 사용자 지정할 수 있습니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vue.js