> ## Content Index
> Fetch the complete content index at: https://kr.vizney.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# 태블로 라인 차트에서 두 지점 사이의 차이 표시하기
- URL: https://kr.vizney.com/showing-the-difference-between-two-points-in-a-tableau-line-chart/
- Published: 2025-09-10T14:54:44.000Z
- Updated: 2025-10-03T11:40:14.000Z
- Author: 황예환
- Tags: Tips & Tricks

라인 차트를 조회하며 두 지점 사이의 차이가 얼마나 나는지 알고 싶은 경우가 발생합니다. 이럴 때 태블로의 파라미터 동작 기능을 활용하여 날짜 값을 입력받아, 두 지점의 날짜 값을 조건문으로 사용하여 증감률을 대시보드에 표시해줄 수 있습니다. 

이번 예제에서는 다음과 같은 기능이 구현되어 있습니다.

- 선택된 두 지점 중 최근 날짜를 기준으로 증감률을 표시합니다.
- 선택된 두 지점 사이의 영역이 음영 처리됩니다.
- 선택된 두 지점 중 한 지점을 다시 선택할 경우, 해당 지점의 선택이 취소됩니다.
- 선택된 두 지점 이외의 지점을 선택할 경우, 기존의 두 지점의 선택은 초기화되고 새로 선택한 지점만 선택됩니다.

### Step-by-Step: 두 지점 사이의 차이 표시하기

Superstore 데이터의 월별 매출액 라인 차트를 기반으로 예제를 작성하였습니다. 

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Base-Line-Chart.jpg)

1. 선택한 날짜 값을 입력받을 파라미터를 생성합니다. 두 지점의 날짜 값을 하나의 파라미터에 입력받아 처리할 예정으로 문자열 파라미터를 생성합니다.

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/pDate.jpg)

1. 날짜 파라미터에 값을 전달할 계산된 필드를 생성합니다.  
날짜 값에 세미콜론(`;`)을 추가한 형태로 파라미터에 입력하여 두 지점의 날짜를 구분합니다. 조건문은 다음과 같습니다.  
  1. `IF` 동일한 값이 있는 경우 해당 값을 빈 값으로 치환
  2. `ELSEIF` 두 개의 날짜 값이 이미 입력되어 있는 경우(길이가 20글자를 넘는 경우), 기존 값을 지우고 새로운 값을 입력
  3. `ELSE` 날짜 파라미터에 입력되어 있는 값에 선택한 지점의 값을 추가

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Date-Param.jpg)

1. 파라미터에 입력받은 두 개의 날짜 값을 가지고 이전 날짜(Min)와 이후 날짜(Max)를 찾습니다.

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Max-Date.jpg)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Min-Date.jpg)

1. 두 날짜에 해당하는지 여부를 반환하는 필드를 생성합니다.

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Selected-Date.jpg)

1. 두 날짜에 해당하는 매출 값을 반환하는 필드를 생성합니다.

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Selected-Sales.jpg)

1. 두 날짜에 해당하는 매출의 증감률을 계산하는 필드를 생성합니다.

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Selected-Difference.jpg)

1. 생성한 계산식들을 시트에 배치합니다. 원본의 매출 필드와 생성한 선택된 매출 필드를 이중축으로 사용합니다.

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Make-Line-Chart-1.jpg)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Make-Line-Chart-2.jpg)

1. 날짜 값을 입력할 파라미터 동작을 추가합니다.

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2025/09/Parameter-Action.jpg)

1. 선택 영역 활성화를 없애는 동작을 추가합니다.

[태블로에서 선택 영역 활성화 없애기대시보드 동작을 위하여 특정 영역을 선택하였을 때, 파란색 음영으로 하이라이트 되는 것을 방지하는 방법입니다.![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/icon/vizney_icon_b_v2.png)Vizney황예환![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/thumbnail/--------------2-5.gif)](https://kr.vizney.com/disable-selection-highlighting-in-tableau/)

자세한 내용은 아래 파일을 다운받아 확인하실 수 있으며, 진행하시며 궁금하신 사항은 댓글로 남겨주시면 답변드리도록 하겠습니다.

[Difference Between Two Points #VizneyDifference Between Two Points #Vizney.twbx361 KBdownload-circle](https://kr.vizney.com/content/files/2025/09/Difference-Between-Two-Points--Vizney.twbx "Download")