---
title: 작업보고 — 그래프 지시서2 교정 + 브리프 체중추이 인터랙티브
category: workreport
document_type: 작업보고
source_status: published
knowledge_group: 03_history
priority: Normal
purpose: 그래프 지시서2 색·툴팁·표식 전반 교정·체중추이 기간 드롭박스·선면/막대 인터랙티브
read_when: 차트 그래프·툴팁·체중추이·Chart.js labelColor 관련 작업 시
updated: 2026-06-20
work_timestamp: 20260620_120000
source_of_truth: dallog-tools
---

# 작업보고 — 그래프 지시서2 교정 + 체중추이 인터랙티브

## 한 줄 요약
그래프 지시서2(색·툴팁·표식·명칭)를 전반 교정하고, 브리프 체중추이를 기간 드롭박스·선면/막대 전환·hover 툴팁이 있는 인터랙티브 차트로 만들었다.

## 진행
- **그래프 교정 1·2**: 색 토큰화·툴팁 pill·명칭 정리·체성분/러닝 색·신발 스크롤·월별 5열 유동·체중추이 색.
- **지시서2**: 표식 조건·거리 신설·신발/월별 색·가로선·막대 일체화.
- **체중추이 인터랙티브(#4)**: 기간 드롭박스 + 선면/막대 전환 + hover 툴팁. 툴팁-드롭박스 겹침 해소·막대 좌우 여백·좌우 가장자리 화면밖 잘림 방지 클램프.
- **툴팁 범례(#0)**: 꽉 찬 라운드 박스 실제 적용 — `labelColors`(무효) → `labelColor`로 교정, 점선 금지. 투명 spacer 흰박스 제거·피트로그 BODY 범례색 일치.

## 핵심 의사결정 (Chart.js 함정)
- Chart.js tooltip 범례색은 `labelColor`(단수) 콜백이라야 적용됨 — `labelColors`(복수)는 무효. 이걸 몰라 라운드박스 색이 안 칠해졌었다.

## 미해결 / 다음
- 그래프 정밀 교정 종료. 이후 스튜디오 빌더에 차트 전용 편집 모드로 옵션 즉석 조정 가능(별도 작업보고).