방사형 게이지
  • 21 Oct 2024
  • 1 읽을 분
  • 기여자

방사형 게이지


기사 요약

방사형 눈금으로 값을 시각적으로 표시하고 값이 한계에 가까워지면 작업자가 명확하게 알 수 있습니다.

목적

방사형 게이지 사용자 지정 위젯은 방사형 눈금으로 숫자 값과 범위를 표시합니다. 방사형 게이지는 반원형 눈금으로 숫자 값을 표시하는 다목적 데이터 시각화 컨트롤입니다. 범위, 포인터, 색상 등 다양한 기능을 갖추고 있으며, 완전히 사용자 정의하고 확장할 수 있습니다. 속도계, 온도 모니터, 대시보드, 활동 게이지, 나침반 등을 만드는 데 사용하세요.

방사형 게이지는 수치 값과 범위를 방사형 눈금으로 표시할 수 있도록 설계되었습니다. 방사형 게이지에는 최소값(왼쪽의 시작 값)과 최대값(오른쪽의 끝 값)을 설정할 수 있습니다. 값 소품을 설정하면 최대 및 최소 소품과 비교하여 포인터 위치가 결정됩니다.

설정

방사형 게이지는 숫자 값과 범위를 방사형 눈금으로 표시하는 방법을 만들기 위해 고안되었습니다. 방사형 게이지에는 최소값(왼쪽의 시작 값)과 최대값(오른쪽의 끝 값)을 설정할 수 있습니다. 값 소품을 설정하면 최대 및 최소 소품과 비교하여 포인터 위치가 결정됩니다.

게이지 SVG:

이 세그먼트 게이지에는 0-33(빨간색), 33-67(노란색), 67-100(녹색) 범위의 3가지 색상 배경이 있습니다.

속성값- 바늘이 가리킬 값최소값 - 최소값으로 사용할 값최대값 - 최대값으로 사용할 값제목 - 게이지 제목으로 표시할 텍스트입니다.

EventsError- 값이 최소값과 최대값 범위를 벗어날 때 발생Screenshot 2023-03-23 at 12.00.21.png

지역이 있는 게이지

영역 하한과 상한이 제공되면 다른 색상으로 강조 표시할 수 있습니다. 이벤트는 값이 내부 영역에 속하는지 여부에 따라 참 또는 거짓을 반환합니다. 예를 들어, 50-75는 다른 사용자 지정 색상으로 강조 표시된 내부 영역입니다.

속성값- 바늘이 가리킬 값최소값 - 최소값으로 사용할 값최대값 - 최대값으로 사용할 값제목 - 게이지 제목으로 표시할 텍스트하한 - 내부 영역의 하한 값상한 - 내부 영역의 상한 값배경 - 게이지 배경의 색상지역 - 내부 영역 배경의 색상

EventsError- 값이 최소값과 최대값 범위를 벗어날 때 발생Status - 값이 내부 영역에 속하면 참을 반환하고, 그렇지 않으면 거짓을 반환합니다Screenshot 2023-03-23 at 12.00.32.png

배경색이 있는 게이지

배경색 있는 게이지를 사용하면 게이지에 사용자 지정 색상 배경을 설정할 수 있습니다.

Value - 바늘이 가리킬 값최소값 - 최소값으로 사용할 값최대값 - 최대값으로 사용할 값제목 - 게이지 제목으로 표시할 텍스트배경 - 게이지 배경의 색상

EventsError- 값이 최소값과 최대값 범위를 벗어날 때 발생Screenshot 2023-03-23 at 12.00.38.png

작동 방식

애플리케이션에서 사용되는 정적 값, 변수 또는 테이블 레코드 값을 입력으로 받도록 사용자 정의 위젯의 속성 및 이벤트를 구성해야 합니다. Screenshot 2023-03-14 at 14.49.54.png

앱 편집기의 위젯 창에서 사용자 지정 위젯의 속성을 구성할 수 있습니다. 이 예제에서는 사용자 지정 위젯 속성이 Value, Minimum 및 Maximum 변수를 입력으로 받도록 구성되었습니다. 그러나 이러한 변수는 정적 값이나 테이블 레코드 값일 수도 있습니다*.

추가 자료


이 문서가 도움이 되었습니까?