데모셀 오버레이아이콘셋
평균 단가·주문 건수·분기 비중을 고/중/저 등급 아이콘으로 표시하는 데모입니다.

주요 특징

아이콘셋으로 값을 구간 등급으로 나눠, 가격대·수요·기여도를 한눈에 구분할 수 있습니다.
정확한 숫자보다 등급 비교가 먼저일 때 사용합니다.

값 필드아이콘셋등급 기준역할
평균 단가traffic-3채널 그룹 × 분기 백분위같은 채널 안 가격대(고/중/저)
주문 건수bars-5분기 열 백분위수요(볼륨) 수준 분류
분기 매출 비중arrows-3 + colPercent분기 열 백분위매출 기여도 추세 (하향 / 중립 / 상향)

단가 대비 주문 수량 및 비중을 대조하여 고단가·소량 상품과 대량 판매(볼륨) 중심 상품을 직관적으로 구분할 수 있습니다.

화면에서 보기

행 축은 유입 채널 · 상품, 열 축은 연도 · 분기로 구성되어 있습니다.
신호등·막대·화살표 아이콘을 통해 상품별 가격 포지션과 실제 수요 및 매출 기여도를 종합적으로 분석할 수 있습니다.

조작동작
필터 바주문 상태 · 결제 수단 · 주문일
크로스헤어행·열 교차 추적

코드로 지정하기

values: [
  {
    name: '평균 단가',
    numberFormat: '"$",#,##0',
    icon: {
      visible: true,
      iconSet: 'traffic-3',
      compareScope: ['rowGroup', 'column'],
      divideMode: 'percentile',
      placement: 'start',
    },
  },
  {
    name: '분기 매출 비중',
    showAs: 'colPercent',
    baseAxis: 'column',
    numberFormat: '0.0%',
    icon: {
      visible: true,
      iconSet: 'arrows-3',
      compareScope: 'column',
      divideMode: 'percentile',
    },
  },
]

자세한 설정은 셀 오버레이 가이드를 참고하세요.

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

강조스파크 바