데모렌더러스파크 라인
이커머스 유입 채널·상품별 주문 금액 추세를 곡선 스파크 라인으로 보는 데모입니다.
화면에서 보기
행은 유입 채널 · 상품, 열은 년도 · 반기 · 월, 값은 주문 금액입니다.
곡선·영역 채움 스파크 라인으로 구간 추세를 읽기 쉽게 구성했습니다.
| 시리즈 | 위치 | 의미 |
|---|---|---|
| 월 추세 (반기) | 반기 소계 옆 | 반기 안 월별 매출 흐름 |
| 연간 추세 | 열 총계 옆 | 연간 추세 |
| 조작 | 동작 |
|---|---|
| 차원 헤더 → 시리즈 | 시리즈 표시 on/off |
| 시리즈 헤더 | 위치·감추기 |
| 필터 바 | 주문 상태 · 결제 수단 · 주문일 |
코드로 지정하기
renderer.type을 'sparkline'으로 두고 curved · lineColor · areaColor를 지정합니다.
fields: {
values: [
{ name: '주문 금액', numberFormat: '"$",#,##0', width: 120 },
],
},
series: [
{
name: 'half-trend',
label: '월 추세\n(반기)',
dimension: '반기',
measure: '주문 금액',
width: 150,
position: 'total',
renderer: {
type: 'sparkline',
curved: true,
lineColor: '#2563eb',
areaColor: '#2563eb33',
},
},
]자세한 설정은 렌더러 가이드를 참고하세요.
플레이그라운드를 불러오는 중…