> ## 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/parameter-button-in-tableau/
- Published: 2024-08-04T03:00:34.000Z
- Updated: 2024-09-20T03:43:21.000Z
- Description: 파라미터의 제한적인 UI를 직관적으로 개선하여 사용자 편의성을 높일 수 있는 방법입니다.
- Author: 황예환
- Tags: Tips & Tricks

태블로에서 제공하는 파라미터의 UI는 다음과 같이 4가지로 대시보드에서 사용하기에는 다소 제약된 모습을 보입니다.

- **단일 값 목록**  
\- 목록을 세로로만 배치할 수 있는 제약이 있습니다.
- **압축 목록**  
\- 드롭다운을 펼치기 전 목록에 글자 크기 서식이 적용되지 않습니다.
- **슬라이더**  
\- 숫자 목록을 사용하는 페이지 처리, Threshold 등의 일부 상황에서만 사용됩니다.
- **입력**  
\- 포함된 문자열을 검색하는 등의 일부 상황에서만 사용됩니다.

이러한 제약에 따라 특정 상황에서 웹에서 제공되는 형태처럼 더 높은 사용성을 필요로 할 경우 사용하실 수 있는 방법입니다.

1. 파라미터 생성

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/image.png)

1. 버튼을 만들 때 사용할 계산된 필드 만들기

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/---1.png)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/------4.png)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/---2.png)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/------5.png)

1. 원하는 모양을 생성하여 버튼으로 사용할 시트 만들기

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/------2.png)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/------3.png)

1. 파라미터 값에 따른 조건을 적용할 계산된 필드 만들기

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/------6.png)

1. 파라미터 값에 따른 조건을 반영할 시트 만들기

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/---------1.png)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/-------.png)

💡

축 제목을 파라미터 값으로 변경할 수 있는 기능은 2023.1 버전부터 제공됩니다.

1. 대시보드에 배치

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/image-2.png)

1. 대시보드 동작 생성

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/------7.png)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/------8.png)

여기까지 진행하셨다면 기본적인 파라미터 동작이 적용된 버튼 기능을 구현하실 수 있습니다. 하지만 이전 글에서 소개한 것처럼 태블로는 대시보드에서 클릭된 항목이 활성화 된 상태로 남아있는 기본 설정이 있어, 해당 활성화를 취소해주는 동작을 추가해주어야 합니다.

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

1. 선택 영역 비활성화에 필요한 계산된 필드 만들기

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/00.png)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/01.png)

1. 선택 영역 비활성화 동작 추가하기

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/----------.png)

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/-----------1.png)

이제 다음과 같이 한 번의 클릭으로 동작하는 파라미터 버튼을 만드실 수 있습니다.

![](https://storage.ghost.io/c/71/f6/71f6ee37-5711-4588-b703-c29372b31c0a/content/images/2024/08/-------2.gif)

자세한 사항은 아래 태블로 파일을 다운로드 받으셔서 확인하실 수 있습니다.

[Parameter Button in TableauParameter Button in Tableau.twbx689 KBdownload-circle](https://kr.vizney.com/content/files/2024/09/Parameter-Button-in-Tableau.twbx "Download")