페이지 트리

버전 비교

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

부서별 일일 실적과 목표 대비 달성률을 한 눈에 한눈에 비교할 수 있는 레이아웃입니다대시보드입니다.

Image RemovedImage Added

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


(빨간 별) 템플릿 소개


이 템플릿은 여러 조직(부서/본부 등)의 핵심 성과 지표(KPI)를 카드 형태로 나열하여 조직 간의 실적 편차를 차이를 직관적으로 비교할 수 있습니다.

사용자는 상단의 KPI 카드를 통해 전체 현황을 빠르게 파악하고, 특정 조직을 클릭하거나 하단의 차트/그리드를 통해 일별 추세와 상세 데이터를 심층 분석할 수 있습니다.

영업 실적, 프로젝트 진행률, 예산 집행 현황 등 비교와 추이가 추이 분석이 중요한 데이터에 적합합니다.

참고사항

레이아웃 활용 예시

  • [유통] 카테고리별 매출 추적
    * KPI : 대분류 카테고리(예: 가전, 의류, 식품, 뷰티 등)의 당일 매출액 및 전주 대비 증감률
    * 차트 : 선택한 대분류의 매출 추이 / 대분류 '하위 브랜드' 또는 '소분류별' 최근 30일 판매량 비교 및 판매 수치
  • [제조] 공장 라인별 수율 및 불량 관리
    * KPI : 생산 공장 또는 생산 라인별(예: 1공장, 2공장 등) 당일 목표 달성률 및 불량률
    * 차트 : 선택한 공장의 월별 총생산량 및 평균 불량률 흐름 / 해당 공장 내 '세부 공정' 또는 '설비'별 최근 30일 에러 발생 건수 비교
  • [HR] 본부별 인건비 및 근태 현황
    * KPI : 사업 본부별 당월 예산 대비 인건비 집행률 및 평균 초과근무 시간
    * 차트 : 선택한 본부의 연간 인건비 집행 흐름 및 예산 변동 추이 / 본부 내 '하위 팀'별 최근 30일 연차 사용률 및 초과근무 시간 비교


(빨간 별) 주요 기능


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

Section Column
width33%


패널
borderColor#e5e7eb
bgColor#ffffff
borderStyle
solid
none

라벨에 그리드 값

바인딩 (KPI 카드 구성)

연결

상단

영역의 6개

KPI

카드에 표시되는

카드의 숫자는

고정된

고정 텍스트가 아닙니다.


숨겨진 데이터 그리드의 컬럼 인덱스 값을 입력해 라벨 컨트롤에 데이터를 바인딩(Binding)하여 데이터가 조회 될 때마다 실시간으로 수치가 갱신됩니다.

가이드 보기 →

Column
width33%

그리드 값을 연결하여 실시간으로 갱신됩니다.



패널
borderColor#e5e7eb
bgColor#ffffff
borderStyle
solid
none

차트에 그리드 데이터 연결

하단 '월별 추이' 꺾은선 차트와

우측의 콤보

우측 복합 차트는 각각 연결된 그리드 데이터를

시각화 합니다

시각화합니다.

가이드 보기 Column
width33%



패널
borderColor#e5e7eb
bgColor#ffffff
borderStyle
solid
none

조건에 따라 라벨

텍스트

색상 변경

KPI 카드의

'달성률'이나 '전일대비'

달성률이나 증감 수치에 조건부 서식을 적용했습니다.


(

) 전일대비 실적

: 감소 시

붉은색, 증가 시 파란색

빨간색)

모듈

보기


(빨간 별) 사용 레이아웃


정보

KPI를 한 눈에 비교할 수 있는 레이아웃을 사용했습니다. 레이아웃 활용 팁이 궁금하시다면? 👉 KPI 비교 조회 화면 템플릿 보기

(빨간 별) 사용 데이터


정보

2025년 부서별 일일 목표 금액과 실적 데이터를 사용했습니다. 다른 데이터를 다운 받고 싶다면? 👉 샘플 데이터 목록