태블로 라인 차트에서 두 지점 사이의 차이 표시하기
라인 차트를 조회하며 두 지점 사이의 차이가 얼마나 나는지 알고 싶은 경우가 발생합니다. 이럴 때 태블로의 파라미터 동작 기능을 활용하여 날짜 값을 입력받아, 두 지점의 날짜 값을 조건문으로 사용하여 증감률을 대시보드에 표시해줄 수 있습니다.
이번 예제에서는 다음과 같은 기능이 구현되어 있습니다.
- 선택된 두 지점 중 최근 날짜를 기준으로 증감률을 표시합니다.
- 선택된 두 지점 사이의 영역이 음영 처리됩니다.
- 선택된 두 지점 중 한 지점을 다시 선택할 경우, 해당 지점의 선택이 취소됩니다.
- 선택된 두 지점 이외의 지점을 선택할 경우, 기존의 두 지점의 선택은 초기화되고 새로 선택한 지점만 선택됩니다.
Step-by-Step: 두 지점 사이의 차이 표시하기
Superstore 데이터의 월별 매출액 라인 차트를 기반으로 예제를 작성하였습니다.
- 선택한 날짜 값을 입력받을 파라미터를 생성합니다. 두 지점의 날짜 값을 하나의 파라미터에 입력받아 처리할 예정으로 문자열 파라미터를 생성합니다.
- 날짜 파라미터에 값을 전달할 계산된 필드를 생성합니다.
날짜 값에 세미콜론(;)을 추가한 형태로 파라미터에 입력하여 두 지점의 날짜를 구분합니다. 조건문은 다음과 같습니다.IF동일한 값이 있는 경우 해당 값을 빈 값으로 치환ELSEIF두 개의 날짜 값이 이미 입력되어 있는 경우(길이가 20글자를 넘는 경우), 기존 값을 지우고 새로운 값을 입력ELSE날짜 파라미터에 입력되어 있는 값에 선택한 지점의 값을 추가
- 파라미터에 입력받은 두 개의 날짜 값을 가지고 이전 날짜(Min)와 이후 날짜(Max)를 찾습니다.
- 두 날짜에 해당하는지 여부를 반환하는 필드를 생성합니다.
- 두 날짜에 해당하는 매출 값을 반환하는 필드를 생성합니다.
- 두 날짜에 해당하는 매출의 증감률을 계산하는 필드를 생성합니다.
- 생성한 계산식들을 시트에 배치합니다. 원본의 매출 필드와 생성한 선택된 매출 필드를 이중축으로 사용합니다.
- 날짜 값을 입력할 파라미터 동작을 추가합니다.
- 선택 영역 활성화를 없애는 동작을 추가합니다.
태블로에서 선택 영역 활성화 없애기
대시보드 동작을 위하여 특정 영역을 선택하였을 때, 파란색 음영으로 하이라이트 되는 것을 방지하는 방법입니다.
황예환
자세한 내용은 아래 파일을 다운받아 확인하실 수 있으며, 진행하시며 궁금하신 사항은 댓글로 남겨주시면 답변드리도록 하겠습니다.