DevExtreme Vue Gauges

DevExpress게이지 컨트롤JavaScript

사용자 지정 가능한 게이지 시각화를 위한 상호작용적인 Vue 구성 요소.

  • 원형, 방사형, 선형 게이지 유형이 포함됩니다.
  • 여러 값 및 하위 값 지표 스타일과 사용자 지정 스케일을 지원합니다.
  • 도구 설명, 범위 컨테이너, 사용자 지정 가능한 제목 기능을 제공합니다.
DevExpress logo

가격:

로딩 중...
다음에서 사용 가능
DevExtreme Complete로딩 중
DevExpress DXperience로딩 중
DevExpress Universal로딩 중
DevExpress VCL Subscription +로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
DevExtreme Vue Gauges 제품 이미지
DevExtreme Vue Gauges는 Vue 애플리케이션을 위해 설계된 포괄적인 게이지 구성 요소 세트를 제공합니다. 이 구성 요소는 원형, 방사형, 선형 게이지를 포함한 다양한 게이지 유형을 지원하며, 각각 다양한 시각화 옵션을 제공합니다. 개발자는 지표, 스케일, 눈금, 레이블, 범위 컨테이너를 사용자 지정하여 데이터를 효과적으로 전달하는 정밀하고 상호작용적인 대시보드를 구축할 수 있습니다.

게이지 유형

원형, 방사형, 선형 게이지의 세 가지 뚜렷한 게이지 유형으로 동적인 데이터 시각화를 제공하며, 다양한 애플리케이션 시나리오와 사용자 인터페이스를 지원합니다.

값 및 하위 값 지표

RangeBar, RectangleNeedle, TextCloud, TriangleMarker, TriangleNeedle, TwoColorNeedle과 같은 사전 정의된 지표 유형을 사용하여 게이지의 주요 값과 추가 값에 대한 포인터를 사용자 지정합니다.

스케일 사용자 지정

가시성, 간격, 사용자 지정 값, 색상, 길이, 너비에 대한 옵션으로 주 및 부 스케일 눈금을 구성하여 데이터 스케일을 정확하게 표현합니다.

스케일 레이블

가시성, 형식, 텍스트 내용, 글꼴 스타일, 눈금으로부터의 들여쓰기를 사용자 지정할 수 있는 스케일 레이블을 표시하여 게이지의 가독성을 향상시킵니다.

범위 컨테이너

구성 가능한 색상, 팔레트, 너비, 오프셋, 방향을 사용하여 스케일 세그먼트를 그룹화함으로써 값 범위를 시각화합니다.

도구 설명

사용자 지정 가능한 텍스트 형식과 글꼴 스타일로 호버 시 유익한 데이터를 표시하는 상호작용적인 도구 설명을 활성화합니다.

제목 및 부제목 요소

텍스트 내용, 글꼴 스타일, 정렬을 제어할 수 있는 제목과 부제목을 게이지에 추가하여 명확한 맥락 정보를 지원합니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vue.js