prop: chart 계열(또는 조각) 번호를 골라 값을 넣는다 · 넘치면 오래된 것부터 버린다설명
trend 가 자리만 잡아 두면 알아서 그려 주는 것이라면, 이쪽은 이미 그려 둔 차트를 움직입니다. 막대·선·파이 어느 것이든 작화에서 모양·색·축을 원하는 대로 맞춰 놓고, 그 위에 값만 흘려 넣습니다.
차트 종류에 따라 값을 다루는 방식이 다릅니다.
- 선·막대(시계열) — 값이 올 때마다 오른쪽에 붙고, 정해 둔 개수를 넘으면 왼쪽부터 빠집니다.
- 파이·도넛 — 붙이는 것이 아니라 그 조각의 값을 갈아 끼웁니다. 계열 번호가 조각 번호가 됩니다.
한 차트에 바인딩을 여러 개 걸어 계열마다 다른 태그를 물릴 수 있습니다.
chart 바인딩입니다 — 값이 들어올 때마다 계열에 점이 붙고(가로축이 시각), 축·범례·툴팁은 그대로 유지됩니다.설정 항목
| 이름 | 값 | 기본 | 설명 |
|---|---|---|---|
| 태그 | tagId | — | 읽을 게이트웨이 태그. 숫자가 아닌 값은 무시합니다. |
| 계열 번호 | number | 0 | 값을 넣을 계열. 파이·도넛에서는 조각 번호로 읽습니다. |
| 최대 점 수 | number | 30 | 넘으면 오래된 것부터 버립니다. 한 차트에 바인딩이 여럿이면 가장 큰 값이 쓰입니다. |
동작
값 42 · 계열 0 → 첫 계열에 42가 붙습니다. 파이라면 첫 조각의 값이 42로 바뀝니다.
대상이 차트 요소가 아니면 아무 일도 하지 않습니다. 도형이나 심볼에 걸어도 오류가 뜨지 않고 조용히 지나갑니다. 값을 그래프로 보고 싶은데 차트를 그려 두지 않았다면 trend 가 맞습니다 — 그쪽은 아무 요소 위에나 덮어 그립니다.
도넛의 눈금은 지켜집니다. 원래 파이 차트는 조각들의 합을 100%로 잡기 때문에, 값 조각 하나만 키우면 분모가 함께 커져 비율이 틀어집니다(40 + 나머지 50 인데 값이 70이 되면 70/120 = 58%로 보임). 그래서 "남은 몫" 조각을 자동으로 줄여 처음 그려 둔 총합을 유지합니다. 값이 총합을 넘으면 링이 꽉 찹니다.
가로축이 항목(카테고리)인 차트는 열 때 비워집니다. 작화에서 넣어 둔 예시 데이터를 실제 값으로 갈아 끼우기 위해서입니다 — 운전으로 넘어간 직후 차트가 잠깐 비어 보이는 것은 값이 아직 안 온 것입니다.
최대 점 수는 차트마다 하나입니다. 한 차트에 계열이 여럿이고 바인딩마다 다르게 적어 두었다면 가장 큰 값이 모두에게 적용됩니다. 계열별로 다른 길이를 두려는 의도라면 그렇게 되지 않습니다.