❶ 필터
필터를 추가하여 원하는 조건에 맞는 데이터만 조회할 수 있습니다.
•
필터 추가/편집 : 대시보드에 새로운 필터를 생성하거나 기존 필터를 수정하는 기능입니다. 아래에서 가이드를 확인하세요.
•
교차 필터 허용: 차트 간 상호작용 기반 필터링 기능을 활성화합니다.
•
교차 필터 적용 영역: 교차 필터가 적용될 차트(패널)를 선택하는 기능입니다. 일부 차트에만 영향을 주도록 제한할 수 있습니다.
•
필터바 위치 설정: 대시보드에서 필터가 표시되는 위치를 설정합니다. 좌측, 상단 등 원하는 위치로 배치 가능합니다.
1. 값 필터
필터 타입을 “값”으로 설정하고, 필터 이름과 필터링할 컬럼을 지정합니다.
•
사전 필터링
◦
필터에 표시될 값들을 미리 제한할 수 있습니다.
◦
특정 조건에 맞는 값만 사용자에게 선택 가능하도록 할 때 사용합니다.
•
필터 값 정렬
◦
필터에 표시되는 값의 정렬 방식을 설정합니다.
◦
오름차순 또는 내림차순으로 정렬할 수 있습니다.
•
필터 설정
필터의 기본 동작과 사용자 선택 방식을 정의하는 영역입니다.
◦
설명
▪
해당 필터의 용도나 기준을 설명하는 텍스트를 입력합니다.
▪
대시보드 사용자에게 필터의 의미를 안내할 때 사용합니다.
◦
기본값 설정
▪
필터에 기본으로 선택될 값을 지정합니다.
▪
대시보드 진입 시 자동으로 적용되는 조건입니다.
◦
필터 값 필수 여부
▪
필터 값 선택을 필수로 설정할 수 있습니다.
▪
체크 시, 값을 선택하지 않으면 데이터가 조회되지 않습니다.
◦
첫 번째 값 자동 선택
▪
필터 값 목록 중 첫 번째 값을 기본값으로 자동 선택합니다.
◦
새 값 생성 허용
▪
기존 목록에 없는 값을 직접 입력하여 사용할 수 있습니다.
◦
다중 선택
▪
여러 개의 필터 값을 동시에 선택할 수 있습니다.
◦
동적 검색
▪
입력한 키워드를 기준으로 필터 값을 실시간 검색합니다.
▪
값이 많은 경우 유용합니다.
◦
선택 항목 제외
▪
선택한 값을 제외하는 방식으로 필터를 적용합니다.
▪
예: 특정 항목을 제외하고 조회
2. 수치 범위 필터
수치형 데이터의 값 범위를 기준으로 데이터를 필터링하는 기능입니다.
사용자가 최소값과 최대값을 지정하여 원하는 구간의 데이터만 조회할 수 있습니다.
•
컬럼 선택
◦
수치 범위를 적용할 컬럼을 지정합니다.
◦
예: 매출, 할인율, 수량 등
•
범위 설정
◦
최소값과 최대값을 입력하여 필터 범위를 설정합니다.
◦
해당 범위에 포함되는 데이터만 조회됩니다.
•
단일값 설정
◦
특정 하나의 값 기준으로 필터링할 수 있습니다.
◦
최소값 / 특정값 / 최대값 기준 선택 가능
•
범위 입력 방식
◦
사용자가 값을 직접 입력하거나 슬라이더 형태로 선택할 수 있습니다.
•
기본값 설정
◦
대시보드 진입 시 적용될 기본 범위를 지정할 수 있습니다.
3. 시간 단위 필터
데이터를 일정한 시간 단위(예: 연, 월, 일 등)로 구분하여 필터링하는 기능입니다.
사용자가 원하는 시간 단위를 선택하여 데이터를 집계하거나 조회할 수 있습니다.
•
필터 값 정렬
◦
시간 단위 값의 정렬 여부를 설정합니다.
◦
일반적으로 최신순 또는 과거순 정렬에 활용됩니다.
•
설명
◦
필터의 목적이나 사용 방법을 안내합니다.
•
기본값 설정
◦
대시보드 진입 시 기본으로 적용될 시간 단위를 지정합니다.
•
필터 값 필수 여부
◦
사용자가 반드시 시간 단위를 선택하도록 설정할 수 있습니다.
4. 시간 범위 필터
특정 기간(시작일 ~ 종료일)을 기준으로 데이터를 필터링하는 기능입니다.
사용자가 조회하고 싶은 기간을 선택하면 해당 기간의 데이터만 차트에 반영됩니다.
•
기본값 설정
◦
대시보드 진입 시 기본으로 적용될 기간을 설정합니다.
◦
예: 지난 달, 최근 7일, 올해 등
•
필터 값 필수 여부
◦
사용자가 반드시 기간을 선택하도록 설정할 수 있습니다.
•
시간 범위 종류
1.
고급 설정
•
사용자가 시작일과 종료일을 직접 지정하는 방식입니다.
•
시작일 / 종료일 입력
◦
특정 날짜를 직접 입력하여 정확한 기간을 설정합니다.
•
적용 방식
◦
시작일 ≤ 데이터 < 종료일 형태로 필터가 적용됩니다.
•
사용 상황
◦
특정 기간(예: 2026년 전체, 특정 프로젝트 기간 등)을 정확히 지정할 때 사용
2.
사용자 지정
상대적 시간과 절대 시간을 조합하여 범위를 설정하는 방식입니다.
•
상대적 날짜/시간
◦
현재 시점을 기준으로 기간을 설정
◦
예: 7일 전, 3개월 전 등
•
특정 날짜/시간
◦
특정 날짜를 직접 선택
•
기준 옵션
◦
자정, 현재 시점 등 기준 시각 선택 가능
•
사용 상황
◦
“최근 7일 ~ 특정 날짜”처럼 유연한 범위 설정이 필요한 경우
3.
이전
이전 기간을 기준으로 자동 설정하는 방식입니다.
•
옵션
◦
지난 주, 지난 달, 지난 분기, 지난 해 등
•
특징
◦
현재 시점을 기준으로 “이전 기간”을 자동 계산
•
사용 상황
◦
지난 달, 지난 분기 등 과거 성과 분석
4.
최근
현재 시점을 기준으로 최근 기간을 설정하는 방식입니다.
•
옵션
◦
어제, 지난 주, 지난 달, 지난 분기, 지난 해 등
•
특징
◦
“지금 기준으로 최근 N 기간”을 조회
•
사용 상황
◦
최근 트렌드 분석, 실시간에 가까운 데이터 확인
5.
현재
현재 진행 중인 기간을 기준으로 설정하는 방식입니다.
•
옵션
◦
오늘, 이번 주, 이번 달, 이번 분기, 올해 등
•
특징
◦
아직 진행 중인 기간 포함
•
사용 상황
◦
현재까지의 누적 성과 확인
6.
필터 없음
시간 필터를 적용하지 않는 옵션입니다.
•
특징
◦
전체 기간 데이터가 그대로 조회됨
•
사용 상황
◦
시간 조건 없이 전체 데이터를 확인할 때
5. 시간 컬럼
데이터셋에 존재하는 시간 관련 컬럼을 선택하여,
어떤 기준 시간으로 데이터를 분석할지 결정하는 기능입니다.
•
시간 컬럼 선택
◦
데이터에 포함된 날짜/시간 컬럼 중 하나를 선택합니다.
◦
예: 주문일, 배송일, 생성일 등
•
정렬 설정
◦
시간 컬럼 목록을 오름차순 또는 내림차순으로 정렬할 수 있습니다.
•
기본값 설정
◦
기본으로 사용할 시간 컬럼을 지정합니다.
•
필터 값 필수 여부
◦
사용자가 반드시 시간 컬럼을 선택하도록 설정할 수 있습니다.
6. 영역 설정
필터 설정 이후 영역 탭에서 필터를 적용할 차트를 선택합니다.
❷ 대시보드 수정 → •••
속성 수정하기 대시보드의 제목, URL, 접근 권한, 색상 팔레트 등을 설정할 수 있습니다.
테마 & CSS대시보드의 디자인을 커스터마이징하는 기능입니다.
•
사용자 정의 CSS를 적용하여 스타일을 변경할 수 있습니다.
•
색상, 여백, 폰트 등 UI를 원하는 형태로 조정 가능합니다.
다른 이름으로 저장현재 대시보드를 복사하여 새로 저장하는 기능입니다.
•
기존 대시보드를 유지하면서 새로운 버전을 생성할 수 있습니다.
•
테스트용 또는 버전 관리 시 유용합니다.
다운로드대시보드를 파일로 저장하는 기능입니다.
이미지 또는 PDF 형태로 내보내기가 가능합니다.
공유하기대시보드를 다른 사용자와 공유하는 기능입니다.
자동 새로고침 주기설정된 주기에 따라 대시보드의 데이터가 자동으로 새로고침됩니다.
❸ •••
대시보드 새로고침대시보드의 데이터를 즉시 다시 불러오는 기능입니다.
최신 데이터로 모든 차트를 갱신합니다.
데이터가 변경되었거나 최신 상태를 확인할 때 사용합니다.
전체 화면대시보드를 전체 화면 모드로 전환하는 기능입니다.
불필요한 UI를 숨기고 차트에 집중할 수 있습니다.
모니터링 화면이나 발표용으로 활용됩니다.
이메일 보고서 관리대시보드를 일정 주기로 이메일 또는 슬랙으로 자동 전송할 수 있습니다.
❹ 설정 > 관리
CSS 템플릿CSS를 사용해 대시보드 스타일을 커스터마이징할 수 있습니다.
•
CSS 작성 예시
•
대시보드 수정 시 선택하여 적용
테마대시보드의 색상, 폰트, UI 스타일을 JSON 기반 테마 설정으로 관리하는 기능입니다.
Ant Design 토큰 시스템을 기반으로 일관된 디자인을 적용할 수 있습니다.
•
이름
◦
테마를 식별할 이름을 입력합니다.
•
JSON 구성
◦
테마 설정 값을 JSON 형태로 입력합니다.
◦
Ant Design Theme Editor에서 생성한 값을 사용합니다.
•
상단의 테마 아이콘을 클릭하여 테마를 변경합니다.
태그대시보드, 차트, 저장된 쿼리 등에 분류용 라벨(태그)을 부여하여
자산을 체계적으로 관리하고 쉽게 찾을 수 있도록 하는 기능입니다.
•
태그 이름
◦
태그의 이름을 입력합니다.
•
설명
◦
태그의 용도나 기준을 설명합니다.
•
대시보드 / 차트 / 저장된 쿼리 선택
◦
해당 태그를 적용할 대상 자산을 선택합니다.
◦
하나의 태그를 여러 자산에 동시에 적용할 수 있습니다.
•
대시보드, 차트, 저장된 쿼리 등에 태그를 부여합니다.
알림 및 보고서•
알림 기능: SQL 쿼리를 이용해 특정 조건에 부합하는 경우 알림이 발송되도록 설정할 수 있습니다.
•
보고서 기능: 대시보드 또는 차트를 설정된 주기에 맞춰 이메일 또는 슬랙으로 자동 전송합니다.
주석 레이어 (Annotation Layer)특정 날짜나 기간을 차트 위에 표시할 수 있습니다.
•
설정 > 주석 레이어 > + 주석 레이어에서 주석 레이어 추가
•
주석 추가
•
차트 설정에서 해당 레이어 선택하여 적용
❺ AI 분석 버튼
차트를 생성했거나 차트에 별도 지정한 데이터를 사용해 하트카운트 분석 서비스에서 추가 분석을 진행할 수 있습니다.
