body 파트를 가지고 있습니다prop: fill 색은 임계값 규칙으로 정한다설명
임계값 규칙 로 값을 색으로 바꾼 뒤 요소 안의 SVG 도형에 칠합니다. 대상은 path rect circle ellipse polygon polyline line 입니다.
심볼 팔레트의 심볼은 대부분 몸통에 body 파트가 붙어 있어서, part 에 body 를 적으면 테두리·축·손잡이는 그대로 두고 몸통 색만 바뀝니다. 밸브 11종·펌프·모터·팬·표시등·차단기 등 14개 심볼이 이 파트를 가지고 있습니다.
색을 정하는 방법이 규칙 말고 하나 더 있습니다 — 태그 값 자체가 글자면 그것을 색으로 씁니다. 게이트웨이 쪽에서 이미 #ef4444 같은 값을 내려 주는 경우에 규칙 없이 바로 연결할 수 있습니다.
설정 항목
| 이름 | 값 | 기본 | 설명 |
|---|---|---|---|
| 태그 | tagId | — | 읽을 게이트웨이 태그. |
| 규칙 | threshold[] | (없음) | 출력이 색입니다. #22c55e 같은 색 값이나 CSS 색 이름. |
| 기본값 | color | (없음) | 어느 규칙에도 안 맞을 때의 색. |
| part | string | (전체) | 칠할 부위 이름. 지정하지 않으면 요소 안의 도형을 전부 칠합니다. |
동작
값 95 · 규칙 > 90 → #ef4444 → 빨강. 규칙에 안 맞으면 기본값, 기본값도 없고 태그 값이 글자면 그 글자를 색으로, 그것도 아니면 아무 일도 하지 않습니다.
part 이름이 틀리면 요소 전체가 칠해집니다. 찾지 못했을 때 조용히 넘어가는 것이 아니라 전체 도형으로 되돌아갑니다. 몸통만 칠하려던 것이 테두리·눈금·글자까지 한 색으로 덮이므로, 심볼이 통째로 뭉개져 보이면 파트 이름부터 확인하세요.
선(line · polyline)에는 채움 대신 선색을 칠합니다. 선은 채움이 보이지 않으므로 자동으로 바꿔 줍니다 — 배관 도형에 fill 을 걸어도 뜻대로 보입니다.
요소 안에 SVG 도형이 하나도 없으면(예: 글자만 있는 요소) 요소의 배경색을 대신 칠합니다. 텍스트 요소의 글자색을 바꾸려는 것이라면 color 가 맞습니다.