위젯 관리
대시보드 캔버스에 위젯을 추가하고 배치하여 원하는 레이아웃을 구성하는 방법을 설명합니다.
위젯 추가하기
[Screenshot] 위젯 라이브러리 패널
- 왼쪽 위젯 라이브러리 패널을 엽니다.
- 원하는 위젯 유형을 선택합니다.
- 위젯을 드래그하여 캔버스 위로 이동하거나 클릭하여 추가합니다.
위젯 유형
D.Hub 대시보드는 다양한 시각화 요구를 충족하는 8가지 위젯 유형을 제공합니다.
통계 카드 (Statistic Card)
핵심 지표(KPI)를 강조하여 표시하는 위젯입니다.
- 용도: 총 매출, 활성 사용자 수, 전환율 등 단일 수치 강조
- 설정 옵션:
- 값 필드 및 집계 방식 (SUM, AVG, COUNT 등)
- 접두사/접미사 (예: ₩, %, 건)
- 이전 기간 대비 변화율 표시
막대 차트 (Bar Chart)
범주별 데이터를 비교하는 데 적합한 차트입니다.
- 용도: 카테고리별 매출, 월별 주문 수 비교
- 설정 옵션:
- 수직/수평 방향 전환
- 스택(Stacked) 또는 그룹(Grouped) 모드
- 색상 팔레트 선택
선 차트 (Line Chart)
시계열 데이터의 추세를 시각화하는 차트입니다.
- 용도: 일별 방문자 수, 시간대별 트래픽 추이
- 설정 옵션:
- 다중 시리즈 지원
- 영역 채우기 (Area) 옵션
- 스무딩 (Smooth) 곡선
파이 차트 (Pie Chart)
전체 대비 비율을 시각화하는 차트입니다.
- 용도: 시장 점유율, 카테고리별 구성비
- 설정 옵션:
- 도넛(Donut) 모드
- 라벨 표시 (값, 퍼센트)
- 범례 위치 조정
히트맵 (Heatmap)
두 차원의 교차점에서 값의 강도를 색상으로 표현합니다.
- 용도: 시간대별 요일별 트래픽, 지역별 카테고리별 매출
- 설정 옵션:
- X축/Y축 필드 지정
- 색상 스케일 선택
- 셀 값 표시 여부
게이지 (Gauge)
목표 대비 현재 값의 달성률을 시각화합니다.
- 용도: 목표 달성률, 서버 사용률, 진행 상황
- 설정 옵션:
- 최소/최대 값 설정
- 임계값별 색상 구간 정의
- 값 포맷팅
데이터 테이블 (Data Table)
상세 데이터를 표 형태로 표시합니다.
- 용도: 상세 거래 내역, 사용자 목록, 로그 데이터
- 설정 옵션:
- 표시할 컬럼 선택
- 정렬 및 페이지네이션
- 컬럼 너비 조정
지도 (Map)
위치 기반 데이터를 지도 위에 시각화합니다.
- 용도: 지역별 매출, 매장 위치, 이동 경로
- 설정 옵션:
- 위도/경도 필드 매핑
- 마커 크기 및 색상
- 클러스터링 옵션
위젯 배치 및 크기 조절
- 이동: 위젯의 헤더 부분을 드래그하여 원하는 위치로 이동합니다.
- 크기 조절: 위젯 우측 하단의 핸들을 드래그하여 크기를 조절합니다.
- 레이아웃 자동 조정: 위젯을 이동하면 다른 위젯들이 자동으로 재배치되어 빈 공간을 최소화합니다.
위젯 설정
[Screenshot] 위젯 설정 패널
위젯을 선택하면 오른쪽 설정 패널이 활성화됩니다.
1. 기본 설정 (General)
- 제목: 위젯 상단에 표시될 제목을 입력합니다.
- 설명: 위젯에 대한 부가 설명을 입력합니다.
2. 데이터 설정 (Data)
- 데이터 모드: Simple 또는 Query 모드 선택
- 데이터 소스: 연결할 데이터셋 선택
- 필드 매핑: X축, Y축, 값 필드 지정
자세한 내용은 데이터 설정 문서를 참조합니다.
3. 스타일 (Style)
- 차트 종류에 따라 색상, 범례 표시 여부, 축(Axis) 설정 등 시각적 요소를 조정할 수 있습니다.
위젯 작업
- 복제: 위젯 헤더의 메뉴에서 복제를 선택하여 동일한 설정의 위젯을 빠르게 생성합니다.
- 삭제: 위젯을 선택하고
Delete키를 누르거나 메뉴에서 삭제를 선택합니다. - 잠금: 실수로 위젯이 이동되지 않도록 잠금 설정을 할 수 있습니다.