levelX · 링크비온 SCADA 도움말

levelX 바인딩

값에 따라 채움이 왼쪽에서 오른쪽으로 늘어납니다 — 가로 막대그래프, 진행률.

필요: 요소 안에 data-scada-part="level" 인 사각형 — level 과 같은 파트 이름을 씁니다

prop: levelX 태그 필수 levelMin / levelMax 로 0~100% 환산

level 과 같은 일을 가로로 합니다. 태그 값을 levelMin~levelMax 구간에 대응시켜 대상 사각형의 너비를 그 비율만큼으로 줄이고, 왼쪽 변을 고정한 채 오른쪽으로만 자랍니다.

사각형의 원래 너비와 왼쪽 위치를 첫 적용 때 기억해 두므로, 값이 여러 번 바뀌어도 조금씩 밀리지 않습니다.

가장 흔한 쓰임은 직접 그린 막대입니다. 심볼 팔레트의 레벨계는 세로형이라 level 을 쓰고, 가로 막대는 사각형 두 개(바탕 + 채움)를 겹쳐 그린 뒤 채움 쪽에 data-scada-part="level" 를 붙이는 식으로 만듭니다.

이름	값	기본	설명
태그	tagId	—	읽을 게이트웨이 태그. `local:` 로 시작하면 이 문서 안에서만 도는 값입니다.
levelMin	number	0	채움 0% 에 해당하는 값.
levelMax	number	100	채움 100% 에 해당하는 값.
part	string	`level`	채울 파트 이름. 기본값이 `level` 인 것에 주의 — `levelx` 가 아닙니다.

값 75 · levelMin 0 · levelMax 100 → 너비 75%. 구간 밖의 값은 0%/100% 로 잘리고, 숫자가 아닌 값은 levelMin 으로 봅니다.

파트 이름의 기본값은 level 입니다. levelx 가 아닙니다 — level 과 levelX 는 같은 파트를 세로로 쓰느냐 가로로 쓰느냐만 다릅니다. 한 요소 안에서 둘을 같이 쓸 일은 없으므로 이름을 나누지 않았습니다.

한 요소에 level 과 levelX 를 같이 걸지 마세요. 같은 사각형의 높이와 너비를 각각 건드려서, 값이 바뀔 때마다 서로의 결과 위에 덮어씁니다. 가로·세로 두 지표를 보여 주려면 사각형을 둘로 나누고 part 이름을 다르게 주세요.

파트를 못 찾으면 조용히 아무 일도 하지 않습니다. 대상은 사각형만이고, 원·타원·자유 도형은 반응하지 않습니다.

제품 샘플 › 물탱크 미믹탱크 옆 가로 막대 — level 과 나란히 놓고 비교 제품에 들어 있는 샘플

제품 샘플 › 관제실 3면 (멀티 모니터)운전 현황판. 가로 막대 여러 개로 지표를 늘어놓은 예 제품에 들어 있는 샘플

제품 샘플 › 바인딩 표현 사전18가지 prop 을 한 화면에 나란히 놓고 비교 제품에 들어 있는 샘플