데모값 필드 설정표시 형식
같은 주문 금액을 열 비중·누계·전분기 대비 증감률 등으로 바꿔 표시하는 Show As 데모이다.
주요 특징
Show As는 집계된 숫자를 바꾸지 않고, 셀에 보이는 값만 비중·누계·증감률 등으로 변환해 표시한다.
엑셀 피벗의 「값 표시 형식」과 같은 역할이다. 동일한 주문 금액 필드(measure)의 name 속성만 다르게 지정하여 여러 표시 형식을 나란히 구성한다.
| 값 필드 | Show As | 기준 | 의미 |
|---|---|---|---|
| 주문 금액 | normal (기본) | — | 분기별 절대 매출 |
| 분기 비중 | colPercent | 열 합계 | 같은 분기 안에서 채널·상품 기여도 |
| 분기 누계 | running | baseAxis: 'column' | 같은 행에서 분기 순 누적합 |
| 전분기 대비 | percentDiff | baseAxis: 'column' | 직전 분기 대비 증감률 |
baseAxis: 'column'은 열(분기) 방향으로 이웃 셀을 비교한다. 시간 축이 열에 있을 때 누계·전분기 대비에 맞다.
첫 분기는 비교할 직전 분기 데이터가 없으므로 '전분기 대비' 값이 비어 있는 것이 정상이다.
화면에서 보기
행은 유입 채널 · 상품, 열은 년도 · 분기이다.
절대 금액과 열 비중을 같이 보면 분기 전체 규모와 상대 기여도를 동시에 비교할 수 있고, 누계·전분기 대비로 성장 궤적을 확인할 수 있다.
| 조작 | 동작 |
|---|---|
| 필터 바 | 주문 상태 · 결제 수단 · 주문일 |
| 값 필드 헤더 메뉴 → 표시 형식 | Show As · 기준 축 · 기준 필드/항목 변경 |
| 크로스헤어 | 행·열 교차 추적 |
순위(rank)·행 비중(rowPercent)·기준 항목 대비(basePercentDiff 등)는 같은 대화상자에서 바로 바꿔 볼 수 있다.
코드로 지정하기
values: [
{
name: '주문 금액',
measure: '주문 금액',
aggregate: 'sum',
numberFormat: '"$",#,##0',
},
{
name: '분기 비중',
measure: '주문 금액',
aggregate: 'sum',
showAs: 'colPercent',
numberFormat: '0.0%',
},
{
name: '분기 누계',
measure: '주문 금액',
aggregate: 'sum',
showAs: 'running',
baseAxis: 'column',
numberFormat: '"$",#,##0',
},
{
name: '전분기 대비',
measure: '주문 금액',
aggregate: 'sum',
showAs: 'percentDiff',
baseAxis: 'column',
numberFormat: '+0.0%;-0.0%',
},
]비중·증감률은 0~1 비율을 반환하므로 numberFormat에 '0.0%' · '+0.0%;-0.0%'를 권장한다.
자세한 종류·baseField/baseItem·콜백 Show As는 표시 형식(Show As)를 참고한다.
플레이그라운드를 불러오는 중…