Node-red: Gauge in Dashboard (노드래드 대시보드 게이지의 활용)

게이지 노드의 출력 모양은 4가지 제공합니다.

 

타입에 따라 다양한 이미지로 설정할 수 있습니다.

 

Node-RED 대시보드의 Gauge(게이지) 노드의 설정 화면에서 각 속성들이 어떤 역할을 하는지 설명하겠습니다:

1. Group

• 설명: 이 게이지가 속할 그룹을 지정합니다. 그룹은 Node-RED Dashboard에서의 화면 분할 요소입니다. 각 위젯(예: 게이지, 차트 등)은 그룹 내에 배치되며, 그룹은 페이지 내에서 화면에 표시됩니다.
• 사용법: 드롭다운 메뉴에서 적절한 그룹을 선택하거나, 새로운 그룹을 만들 수 있습니다.

2. Size

• 설명: 위젯의 크기를 설정합니다. 기본적으로 auto로 설정되어 있지만, 직접적으로 크기를 지정하여 대시보드의 레이아웃을 조정할 수 있습니다.
• 사용법: 원하는 크기를 숫자로 지정하여 위젯의 크기를 변경합니다.

3. Type

• 설명: 게이지의 유형을 선택합니다. 기본적으로 Gauge 타입이 선택되지만, 다른 유형(예: 차트 등)이 있을 수 있습니다.
• 사용법: 드롭다운에서 선택하여 게이지의 유형을 설정합니다.

4. Label

• 설명: 게이지의 라벨을 지정합니다. 이 라벨은 게이지 위젯 상단에 표시되며, 해당 게이지가 어떤 데이터를 나타내는지를 설명하는 텍스트입니다.
• 사용법: 라벨에 표시할 텍스트를 입력합니다. 예: Temperature, Speed 등.

5. Value Format

• 설명: 게이지에 표시될 값의 형식을 지정합니다. {{value}}로 설정하면 입력되는 데이터의 실제 값이 게이지에 표시됩니다.
• 사용법: 기본적으로 {{value}}로 두거나, 데이터를 표시할 형식을 정의합니다.

6. Units

• 설명: 게이지에 표시될 단위를 지정합니다. 예를 들어, 온도라면 °C, 속도라면 km/h와 같은 단위를 설정할 수 있습니다.
• 사용법: 원하는 단위를 입력합니다.

7. Range (min/max)

• 설명: 게이지가 표현할 값의 범위를 지정합니다. min은 최소값, max는 최대값을 나타냅니다. 게이지는 이 범위 내에서 값을 표현합니다.
• 사용법: 게이지의 최소값과 최대값을 입력합니다. 예: 0에서 100 사이의 값을 표시하려면 min에 0, max에 100을 입력합니다.

8. Colour Gradient

• 설명: 게이지의 값에 따라 색상을 변경하는 색상 그라데이션을 설정할 수 있습니다. 색상은 값이 범위 내에서 이동할 때 그라데이션으로 바뀝니다.
• 사용법: 색상 그라데이션을 설정할 수 있는 칸에서 색을 선택합니다. 예를 들어, 값이 낮을 때는 초록색, 중간일 때는 노란색, 높을 때는 빨간색으로 설정할 수 있습니다.

9. Sectors

• 설명: 게이지를 구간별로 나눠 각각의 구간에 다른 색을 지정할 수 있습니다. 특정 값 구간에 따라 게이지 색이 다르게 표시됩니다.
• 사용법: 원하는 값 구간을 설정하고, 해당 구간의 색을 선택합니다.

10. Fill Gauge from Centre

• 설명: 이 옵션을 선택하면 게이지가 중심에서 채워집니다. 기본적으로는 왼쪽에서 오른쪽으로 채워지지만, 이 옵션을 선택하면 원형 게이지가 중심에서 퍼져나가는 형식으로 값을 표시합니다.
• 사용법: 체크박스를 선택하여 활성화합니다.

11. Class

• 설명: 특정 CSS 클래스를 추가하여 게이지 위젯의 스타일을 커스터마이징할 수 있습니다.
• 사용법: 적용할 CSS 클래스 이름을 입력합니다. 이 옵션은 사용자 정의 스타일링이 필요할 때 유용합니다.

12. Name

• 설명: 이 필드는 노드의 내부 이름을 설정하는 데 사용됩니다. 이 이름은 플로우에서 노드를 구분하기 위한 이름이며, 대시보드에서는 표시되지 않습니다.
• 사용법: 노드의 식별용 이름을 지정합니다.