HP Vertical Connector

• 두 도면 요소 사이에 수직 커넥터 선을 표시합니다.
• HMI 장치 상태에 따라 방향 화살표(선택 사항)를 표시하거나 숨깁니다.
• HMI 장치 상태에 따라 움직이는 유체 흐름 줄무늬를 표시하거나 숨깁니다.
• 실시간 HMI 장치 데이터로 흐름 방향(정방향이나 역방향)을 제어합니다.
• 실시간 HMI 장치 데이터로 흐름 애니메이션 속도를 제어합니다.
• HMI 장치 속성, 시계열, 알람 상태, 대시보드 상태에서 상태 데이터를 받습니다.

1. 대시보드를 열고 수정 모드로 바꿉니다.
2. 위쪽의 위젯 추가를 클릭하거나, 화면 가운데의 위젯 추가 아이콘을 클릭합니다.
3. General high-performance SCADA symbols 위젯 번들을 엽니다.
4. HP Vertical connector를 선택합니다.
5. 위젯 설정을 마친 다음 추가를 클릭합니다.

위젯은 데이터 소스 하나에 연결합니다: 장치 또는 HMI 장치로 결정되는 개체 별명. 이 HMI 장치가 위젯의 시각 상태를 움직이는 속성이나 텔레메트리 값을 제공합니다.

SCADA 심볼은 위젯의 시각적 모양을 정합니다. HP Vertical connector 위젯에는 General high-performance SCADA symbols 번들의 심볼이 미리 선택되어 있습니다. 다른 심볼을 쓰려면 갤러리에서 SCADA 심볼 선택을 클릭해 라이브러리에서 고르거나 직접 올립니다.

동작 매개변수는 연결한 HMI 장치의 실시간 데이터에 따라 위젯이 무엇을 표시할지 정합니다.

매개변수	기본값	설명
Arrow presence	Present	커넥터에 방향 화살표를 표시할지. 표시 여부와 방향 설정을 참고하세요.
Flow presence	Absent	커넥터에 움직이는 유체 흐름 줄무늬를 표시할지. 표시 여부와 방향 설정을 참고하세요.
Flow direction	Forward	흐름 애니메이션의 방향. Forward는 커넥터를 따라 시작점에서 끝점으로, Reverse는 그 반대 방향으로 움직입니다. 표시 여부와 방향 설정을 참고하세요.
Flow animation speed	1	흐름 애니메이션의 속도. 1은 보통 속도, 0은 애니메이션 끔이며, 1보다 크면 빨라지고 1보다 작으면 느려집니다. 흐름 애니메이션 속도 설정을 참고하세요.

Arrow presence, Flow presence, Flow direction에 적용됩니다. 매개변수 옆의 편집 아이콘을 클릭하면 설정 대화상자가 열립니다. 동작이 아무 것도 하지 않음이면 고정값을 고릅니다:

매개변수	값
Arrow presence	Present 또는 Absent
Flow presence	Present 또는 Absent
Flow direction	Forward 또는 Reverse

다른 동작에서는 설정 대화상자에 다음 옵션이 있습니다:

• 속성 가져오기

  HMI 장치 속성에서 매개변수 값을 읽습니다.

  매개변수	설명
  속성 범위	속성이 저장된 곳: 전체, 클라이언트, 서버, 공유.
  속성 키	읽을 속성 이름(예: flowPresent, flowDirection).
  동작 결과 변환기	없음 — 속성이 지정한 값과 같으면 매개변수가 활성화됩니다. 함수 — f(data)가 true를 돌려주면 매개변수가 활성화됩니다.
  ‘Present’/‘Forward’ when result is	Present나 Forward 상태를 활성화하는 값이나 조건.

• 시계열 가져오기

  최신 텔레메트리 측정값에서 매개변수 값을 읽습니다.

  매개변수	설명
  시계열 키	감시할 텔레메트리 키(예: flowPresent).
  동작 결과 변환기	없음 — 텔레메트리 값이 지정한 값과 같으면 매개변수가 활성화됩니다. 함수 — f(data)가 true를 돌려주면 매개변수가 활성화됩니다.
  ‘Present’/‘Forward’ when result is	Present나 Forward 상태를 활성화하는 값이나 조건.

• 알람 상태 가져오기

  HMI 장치에 특정 알람이 활성이면 Present나 Forward 상태를 활성화합니다.

  매개변수	설명
  알람 심각도	활성 상태를 일으킬 심각도: 심각한, 주요한, 작은, 경고, 중간.
  알람 유형	모든 알람 또는 특정 알람 유형.

• 대시보드 상태 ID 가져오기

  현재 열린 대시보드 상태에 따라 Present나 Forward 상태를 활성화합니다.

  매개변수	설명
  동작 결과 변환기	없음 — 상태 이름이 입력한 글자와 같으면 매개변수가 활성화됩니다. 함수 — f(data)가 true를 돌려주면 매개변수가 활성화됩니다.
  ‘Present’/‘Forward’ when result is	Present나 Forward 상태를 활성화하는 상태 이름이나 조건.

• 대시보드 상태 객체 가져오기

  대시보드 상태 컨텍스트 전체로 Present나 Forward 상태를 활성화합니다. 상태 매개변수 여러 개를 한꺼번에 평가해야 할 때 씁니다.

  매개변수	설명
  값 파싱 함수	현재 대시보드 상태 객체를 받는 f(data) 함수. 활성 상태 이름은 data.id로, 상태 매개변수는 data.params로 확인합니다.
  ‘Present’/‘Forward’ when result is	Present나 Forward 상태를 활성화하는 기대 유형과 값. 문자열, 정수, 실수, 불리언(이어서 참이나 거짓 선택), JSON 중에서 고릅니다.

Flow animation speed에 적용됩니다. 매개변수 옆의 편집 아이콘을 클릭하면 설정 대화상자가 열립니다. 동작이 아무 것도 하지 않음이면 고정 속도 값을 숫자로 넣습니다.

다른 동작에서는 설정 대화상자가 위와 같은 방식으로 동작합니다:

• 속성 가져오기

  HMI 장치 속성에서 속도 값을 읽습니다.

  매개변수	설명
  속성 범위	속성이 저장된 곳: 전체, 클라이언트, 서버, 공유.
  속성 키	읽을 속성 이름(예: flowSpeed).
  동작 결과 변환기	없음 — 속성 값을 그대로 씁니다. 함수 — f(data) 함수가 돌려주는 값을 씁니다.

• 시계열 가져오기

  최신 텔레메트리 측정값에서 속도 값을 읽습니다.

  매개변수	설명
  시계열 키	감시할 텔레메트리 키(예: flowSpeed).
  동작 결과 변환기	없음 — 텔레메트리 값을 그대로 씁니다. 함수 — f(data) 함수가 돌려주는 값을 씁니다.

• 알람 상태 가져오기

  HMI 장치의 알람 발생에 따라 속도 값을 정합니다.

  매개변수	설명
  알람 심각도	활성 상태를 일으킬 심각도: 심각한, 주요한, 작은, 경고, 중간.
  알람 유형	모든 알람 또는 특정 알람 유형.

• 대시보드 상태 ID 가져오기

  현재 열린 대시보드 상태에 따라 속도 값을 정합니다.

  매개변수	설명
  동작 결과 변환기	없음 — 상태 이름을 그대로 씁니다. 함수 — f(data) 함수가 돌려주는 값을 씁니다.

• 대시보드 상태 객체 가져오기

  대시보드 상태 컨텍스트 전체로 속도 값을 정합니다. 상태 매개변수 여러 개를 한꺼번에 평가해야 할 때 씁니다.

  매개변수	설명
  값 파싱 함수	현재 대시보드 상태 객체를 받는 f(data) 함수. 활성 상태 이름은 data.id로, 상태 매개변수는 data.params로 확인합니다.

모양 영역은 위젯 제목, 커넥터 선 스타일, 흐름 애니메이션 줄무늬 스타일을 설정합니다.

설정	기본값	설명
제목	HP Vertical connector	헤더에 표시되는 위젯 제목. entityName과 entityLabel 변수를 지원합니다.
카드 아이콘	—	위젯 헤더에 표시되는 아이콘. 크기와 색상을 설정합니다.
Line	6 px, 검정	주 커넥터 선의 두께와 색.

Flow 하위 영역 — 움직이는 유체 흐름 줄무늬의 모양을 설정합니다:

설정	기본값	설명
Line	4 px, 하늘색	흐름 애니메이션 줄무늬의 두께와 색.
Line style	Dash 10 px, Gap 10 px	흐름 줄무늬의 대시와 간격 길이. 부드럽게 반복되게 하려면 100을 나누어떨어지게 하는 값을 씁니다.
Dash cap	Butt	대시 조각마다 끝 모양: Butt(평평함), Round(둥근 끝), Square(선 굵기의 절반만큼 늘인 평평한 끝).

카드 모양 영역은 위젯 컨테이너 스타일을 설정합니다.

설정	기본값	설명
배경	투명	카드 배경색.
카드 버튼 표시	전체화면	카드에 마우스를 올리면 보이는 버튼.
카드 모서리 반경	0px	카드 모서리의 둥근 정도.
카드 패딩	12px	카드 가장자리와 위젯 내용 사이의 안쪽 간격.

커넥터에 화살표가 나타나지 않음

원인	해결 방법
Arrow presence가 아무 것도 하지 않음이고 값이 Absent임	Arrow presence 편집 대화상자를 열고 값을 Present로 정하거나, HMI 장치 속성이나 시계열 키에서 읽도록 설정합니다.
HMI 장치가 데이터를 보내지 않음	HMI 장치가 온라인이고 기대하는 속성이나 텔레메트리 키를 보내고 있는지 확인합니다.

흐름 애니메이션이 재생되지 않음

원인	해결 방법
Flow presence가 아무 것도 하지 않음이고 값이 Absent임	Flow presence 편집 대화상자를 열고 값을 Present로 정하거나, HMI 장치 속성이나 시계열 키에서 읽도록 설정합니다.
Flow animation speed가 0임	Flow animation speed 편집 대화상자를 열고 0이 아닌 값을 정합니다.

흐름 애니메이션이 반대 방향으로 재생됨

원인	해결 방법
Flow direction이 반대 값으로 설정됨	Flow direction 편집 대화상자를 열고 Forward와 Reverse를 바꾸거나, HMI 장치 속성이나 시계열 키에서 방향을 읽도록 설정합니다.