prop: stroke 색은 임계값 규칙으로 정한다설명
fill 과 대상도 규칙도 같고, 칠하는 자리만 선입니다. 채움색은 그대로 두고 테두리로 상태를 알리고 싶을 때 씁니다 — 선택된 설비를 굵은 테두리로 표시하거나, 정상일 때는 회색 테두리이다가 경보에서 빨갛게 만드는 식입니다.
fill 과 한 요소에 함께 걸 수 있습니다. 서로 다른 속성을 건드리므로 부딪히지 않습니다.
설정 항목
| 이름 | 값 | 기본 | 설명 |
|---|---|---|---|
| 태그 | tagId | — | 읽을 게이트웨이 태그. |
| 규칙 | threshold[] | (없음) | 출력이 색입니다. |
| 기본값 | color | (없음) | 어느 규칙에도 안 맞을 때의 색. |
| part | string | (전체) | 칠할 부위 이름. 지정하지 않으면 요소 안의 도형을 전부 칠합니다. |
동작
값 1 · 규칙 == 1 → #ef4444 → 테두리가 빨갛게. 규칙에 안 맞으면 기본값, 기본값도 없고 태그 값이 글자면 그 글자를 색으로 씁니다.
선 굵기는 바꾸지 못합니다. 이 prop 은 색만 다룹니다. 굵기까지 달라져야 한다면 굵기가 다른 도형을 두 개 겹쳐 두고 visible 로 갈아 끼우거나, state 로 형상을 통째로 바꾸세요.
fill 과 마찬가지로 part 이름이 틀리면 요소 전체가 칠해집니다. 부위를 못 찾으면 조용히 넘어가지 않고 전체 도형으로 되돌아갑니다.
요소 안에 SVG 도형이 없으면 아무 일도 하지 않습니다. fill 에는 배경색 폴백이 있지만 선색에는 대응하는 자리가 없습니다.
해 보기
제품 샘플 › 바인딩 표현 사전18가지 prop 을 한 화면에 나란히 놓고 비교
제품에 들어 있는 샘플