데이터 시각화
Line · Area
시간에 따른 변화를 보여줍니다. 마우스를 올리거나 차트에 포커스한 뒤 ←/→ 키로 날짜별 값을 탐색할 수 있습니다.
- D3 모듈
- scaleTime · scaleLinear · line · area · bisector
- 등장
- clipPath reveal 900ms
기간 비교
이번 기간은 --viz-1 실선 + 영역, 비교 기간은 --viz-7 점선. 가장 많이 쓰는 형태입니다.
최근 28일 결제금액
112,341,657원
+9.8%직전 기간 대비
- 이번 기간
- 직전 기간
다중 계열
채널별 추이처럼 3개 이하 계열은 범례와 함께 실선으로 표시합니다.
- POS
- 키오스크
- QR
목표선
일 매출 목표처럼 기준값이 있을 때 점선 기준선과 라벨을 함께 표시합니다.
스펙
사용 규칙
이렇게 하세요
- 데이터 포인트 7개 이상일 때 사용
- 계열은 3개 이하
- 누락된 날짜는 0이 아닌 빈 구간으로
이렇게 하지 마세요
- 범주형 데이터(요일 · 메뉴)에 선 사용
- 계열마다 영역 채우기 (겹쳐서 읽기 어려움)
- Y축을 0이 아닌 값에서 시작해 변화 과장