데모값 필드 설정표시 형식
같은 주문 금액을 열 비중·누계·전분기 대비 증감률 등으로 바꿔 표시하는 Show As 데모입니다.

주요 특징

Show As는 집계된 숫자를 바꾸지 않고, 셀에 보이는 값만 비중·누계·증감률 등으로 변환해 표시합니다.
엑셀 피벗의 「값 표시 형식」과 같은 역할입니다. 동일한 주문 금액 필드(measure)의 name 속성만 다르게 지정하여 여러 표시 형식을 나란히 구성합니다.

값 필드Show As기준의미
주문 금액normal (기본)—분기별 절대 매출
분기 비중colPercent열 합계같은 분기 안에서 채널·상품 기여도
분기 누계runningbaseAxis: 'column'같은 행에서 분기 순 누적합
전분기 대비percentDiffbaseAxis: '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) 가이드를 참고하세요.

플레이그라운드를 불러오는 중…

집계표시 서식