level 바인딩
값에 따라 채움이 아래에서 위로 차오릅니다 — 탱크 수위, 세로 막대.
필요: 요소 안에
data-scada-part="level" 인 사각형 · 심볼 탱크 · 사일로 · 막대 레벨계에는 이미 들어 있습니다prop: level 태그 필수 levelMin / levelMax 로 0~100% 환산설명
설정 항목
| 이름 | 값 | 기본 | 설명 |
|---|---|---|---|
| 태그 | tagId | — | 읽을 게이트웨이 태그. local: 로 시작하면 이 문서 안에서만 도는 값입니다. |
| levelMin | number | 0 | 채움 0% 에 해당하는 값. |
| levelMax | number | 100 | 채움 100% 에 해당하는 값. levelMin 과 같으면 1 로 취급해 0으로 나누지 않습니다. |
| part | string | level | 채울 파트 이름. 한 심볼에 채움 사각형이 여럿일 때만 바꿉니다. |
동작
값 60 · levelMin 0 · levelMax 200 → 채움 30%. 값 −5 는 0%, 값 999 는 100% 로 잘립니다.
대상은 사각형만입니다. 원·타원·자유 도형에 data-scada-part="level" 를 붙여도 반응하지 않습니다. 원통형 탱크는 몸통을 사각형으로 두고 위아래 곡면을 따로 얹는 식으로 그립니다(심볼 탱크가 그렇게 되어 있습니다).
파트를 못 찾으면 조용히 아무 일도 하지 않습니다. 바인딩을 걸었는데 화면이 그대로라면 태그가 아니라 요소를 먼저 보세요 — 심볼이 아닌 도형에 걸었거나, part 이름이 틀린 경우가 대부분입니다.
태그가 끊겨도 마지막 값이 그대로 남습니다. 멈춘 화면과 정상 화면이 똑같이 보이므로, 통신 상태 태그에 visible 이나 fill 을 따로 걸어 “끊김”을 눈에 보이게 하세요.
해 보기
제품 샘플 › 물탱크 미믹탱크 채움 + 수위 텍스트 + 임계값 색상
제품에 들어 있는 샘플
제품 샘플 › 가압 펌프 스테이션실제 공정 화면에서 level 이 다른 표현과 함께 쓰인 예
제품에 들어 있는 샘플
제품 샘플 › 바인딩 표현 사전18가지 prop 을 한 화면에 나란히 놓고 비교
제품에 들어 있는 샘플