페이지 트리

버전 비교

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

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

Image RemovedImage Added

Image Added

Image Modified
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' 버튼을 클릭하면 다시 메인 화면으로 돌아옵니다.

모듈 보기 →

화면의 특정 카드 영역 클릭 또는 상세 화면의 'Main' 버튼으로 이동합니다.



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

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

상세

화면에 포함된

페이지 기간별 실적

직선

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

가장 높은 실적을 달성한 '최대값' 지점에만 붉은색 마커로 포인트 색상이 적용되도록 설정했습니다. 이를 통해 사용자는 실적이 가장 좋았던 시점을 차트상에서 직관적으로 파악할 수 있습니다.모듈 보기

최고 실적 지점에만 포인트 색상이 표시됩니다.

모듈 다운로드



(빨간 별) 사용 레이아웃


정보

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

(빨간 별) 사용 데이터


정보

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