페이지 트리

버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.

전사 실적을 카테고리별로 한눈에 파악하고, 세부 항목까지 심층 분석할 수 있는 대시보드입니다.

Image RemovedImage Added

Image Added

Easy Heading Macro
navigationTitle목차
selectorh2
navigationExpandOptionexpand-all-by-default


(빨간 별) 템플릿 소개


이 템플릿은 비즈니스의 다양한 카테고리(전자제품, 패션, 식품 등)별 핵심 지표를 카드 형태로 나열하여 전사 실적을 직관적으로 모니터링할 수 있습니다.

사용자는 메인 화면에서 카테고리별 GMV와 순매출을 빠르게 파악할 수 있으며파악하고, 특정 카테고리 영역을 클릭하여 해당 카테고리를 구성하는 세부 항목의 카테고리를 클릭해 해당 카테고리의 기간별 추이와 상세 실적(WoW전주 대비, YoY전년 대비, MTD월 누적, QTD 분기 누적 등)을 심층 분석할 수 있습니다.

이커머스 매출 현황, 브랜드별 실적 분석, 카테고리별 목표 달성률 요약과 상세 데이터의 유기적인 연결이 필요한 대시보드에 대시보드적합합니다.

참고사항

레이아웃 활용 예시

  • [금융] 권역별 여수신 상품 판매 실적
    * 메인 : 주요 권역(수도권, 충청권, 영남권 등)별 총 여/수신 금액, 전월 대비 목표 달성률, 핵심 전략 상품 판매 건수 요약
    * 상세 : 선택한 권역 내 소속 영업점들의 주간 실적 차트 및 개별 상품 가입 고객의 연령대, 유입 경로, 계약 금액 리스트
  • [의료] 진료 센터별 환자 대기 및 병상 가동 현황
    * 메인 : 주요 진료 센터(응급, 중증외상, 심혈관 등)별 총 대기 환자 수, 평균 진료 대기 시간, 당일 병상 가동률 요약
    * 상세 : 선택한 센터 산하 진료과별 시간대별 환자 유입 추이 차트 및 개별 환자의 중증도, 담당의, 조치 상태 리스트
  • [교육] 단과대학별 재학생 성취도 및 학업 이탈 위험 관리
    * 메인 : 단과대학별 재학생 평균 학점, 전년 대비 등록 유지율, 중도 이탈(자퇴/휴학) 고위험군 학생 수 요약
    * 상세 : 선택한 단과대학 산하 전공 과별 성취도 증감 추이 차트 및 이탈 위험군 학생의 출결 현황, 최근 상담 이력 리스트


(빨간 별) 주요 기능


템플릿을 효과적으로 구현하기 위해 사용된 핵심 기능 3가지입니다.


패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

라벨에 그리드 값

바인딩

연결

메인

화면의

화면 각 카테고리

상단에 표시된

상단의 'GMV' 및 '순매출' KPI 숫자는

하단에 위치한

하단 요약 그리드의 데이터 값을 직접

바인딩하여

연결하여,

데이터가 변형됨에

데이터 변경에 따라 KPI 값도 실시간으로 갱신됩니다.



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone

화면 전환(폼 이동

(화면 전환

)

메인 화면과 상세 화면 간의

원할한

원활한 이동을 위해 폼 이동 기능을 적용했습니다. 메인 화면의 특정 카드 영역 클릭 또는 상세 화면의 'Main' 버튼으로 이동합니다.

모듈 보기 →



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylenone
차트의

차트 최대값에 강조 색상 적용

상세

화면에 포함된

페이지 기간별 실적

직선

꺾은선 차트에서, 각 데이터 계열(GMV, 순매출)의

가장 높은 실적을 달성한 '최대값'

최고 실적 지점에만 포인트 색상이

적용되도록 설정했습니다

표시됩니다.

모듈

보기

다운로드



(빨간 별) 사용 레이아웃


정보

여러 카테고리의 KPI를 타일 형태로 한눈에 비교할 수 있는 카드형 레이아웃을 사용했습니다. 레이아웃 활용 팁이 궁금하시다면? 카드형 KPI 대시보드 템플릿 보기

(빨간 별) 사용 데이터


정보

2025~2026년(2개년) 일별 카테고리 실적(GMV, 순매출) 및 목표 데이터를 사용했습니다. 다른 데이터를 다운 받고 싶다면? 샘플 데이터 목록