이 페이지가 도움이 되셨나요?
아니요

대시보드 크기 및 레이아웃

대시보드를 만든 후 사용자 요구 사항에 따라 대시보드 크기를 조정하고 다시 정렬해야 할 수 있습니다.

전체 대시보드 크기 제어

대시보드 크기 옵션

고정된 크기(기본값): 표시되는 창의 크기와 관계없이 대시보드 크기가 같은 크기로 유지됩니다. 대시보드가 창보다 크면 대시보드를 스크롤할 수 있게 됩니다. 데스크톱 브라우저(기본값), 작은 블로그, iPad 같은 사전 설정된 크기 중에서 선택할 수 있습니다.

고정된 크기의 대시보드를 사용하면 개체의 정확한 배치와 위치를 지정할 수 있으므로 대시보드에 부동형 개체가 있는 경우 유용합니다. 대시보드가 표시될 정확한 크기를 알고 있는 경우 이 설정을 선택합니다.

고정된 크기를 사용하는 게시된 대시보드는 서버에 캐싱된 버전을 사용할 가능성이 높으므로 더 빨리 로드될 수 있습니다. 가변 크기의 대시보드는 브라우저를 요청할 때마다 새로 렌더링해야 합니다. 다른 성능 팁에 대해서는 통합 문서 성능 최적화를 참조하십시오.

범위: 지정한 최소 크기와 최대 크기 사이에서 대시보드 배율이 지정됩니다. 대시보드를 표시하는 데 사용되는 창이 최소 크기보다 작은 경우 스크롤 막대가 표시됩니다. 창이 최대 크기보다 큰 경우에는 흰색 공간이 표시됩니다.

작은 크기의 브라우저 창과 중간 크기의 브라우저 창 같이 동일한 콘텐츠를 포함하고 유사한 형태인 서로 다른 두 표시 크기를 설계하는 경우 이 설정을 사용합니다. 다양한 휴대기기의 너비를 고려하여 너비는 변경될 수 있지만 세로 방향으로 스크롤할 수 있도록 높이가 고정되어 있는 세로 레이아웃의 모바일 대시보드에도 이 설정이 적합합니다.

자동: 표시되는 창에 맞게 대시보드 크기가 자동으로 조정됩니다.

Tableau가 크기를 조정하게 하려면 이 설정을 사용합니다. 최상의 결과를 얻으려면 바둑판식 대시보드 레이아웃을 사용합니다.

팁: Tableau Desktop을 사용하는 경우 서로 다른 기기 유형에 대한 대시보드 레이아웃 만들기를 참조하여 데스크톱 컴퓨터, 태블릿 및 스마트폰에 최적화된 고유한 레이아웃을 만들 수 있습니다. 서로 다른 화면 크기에 맞게 조정될 뿐 아니라 다양한 항목이 기기 레이아웃에 포함될 수 있습니다.

전체 대시보드 크기 설정

  • 대시보드 패널의 크기에서 대시보드의 차원(예: 데스크톱 브라우저)이나 크기 조정 동작(예: 자동)을 선택합니다.

레이아웃 컨테이너를 사용하여 항목 그룹화

레이아웃 컨테이너를 사용하면 관련 대시보드 항목을 하나로 그룹화하여 빠르게 배치할 수 있습니다. 컨테이너 안에서 항목의 크기 및 배치를 변경하면 다른 컨테이너 항목이 자동으로 조정됩니다.

레이아웃 컨테이너 유형

가로 레이아웃 컨테이너는 포함된 뷰와 개체의 너비를 조정하고 세로 레이아웃 컨테이너는 높이를 조정합니다.

가로 레이아웃 컨테이너

아래 두 개의 뷰가 가로 레이아웃 컨테이너에 배열되어 있습니다.

세로 레이아웃 컨테이너

아래 세 개의 뷰가 세로 레이아웃 컨테이너에 쌓여 있습니다.

레이아웃 컨테이너 추가

  1. 대시보드 패널의 개체에서 가로 또는 세로를 선택합니다.

  2. 컨테이너를 대시보드에 끌어 놓습니다.

  3. 레이아웃 컨테이너에 개체를 추가합니다.

레이아웃 컨테이너의 항목 균등 분할

  1. 레이아웃 컨테이너를 선택합니다. 이 작업에 어려움이 있으면 컨테이너 내에서 개별 항목을 선택하고 항목의 바로 가기 메뉴에서 컨테이너 선택을 선택합니다.

  2. 레이아웃 컨테이너가 선택된 상태에서 바로 가기 메뉴에서 균등 분할을 선택합니다.

    이미 레이아웃 컨테이너에 포함되어 있는 항목은 자동으로 균등 분할되어 배치되고 이후에 추가하는 모든 항목도 마찬가지입니다.

레이아웃 컨테이너 서식 지정(Tableau Desktop만 해당)

레이아웃 컨테이너의 음영 및 테두리 스타일을 지정하여 대시보드에서 개체를 시각적으로 그룹화할 수 있습니다. 기본적으로 레이아웃 컨테이너는 투명하므로 테두리 스타일이 없습니다.

서식을 지정할 레이아웃 컨테이너의 바로 가기 메뉴를 열고 컨테이너 서식을 선택합니다.

레이아웃 컨테이너의 시트 크기 자동 조정

관련 데이터가 포함된 여러 시트를 레이아웃 컨테이너에 추가하는 경우 한 시트에서 마크를 선택할 때마다 관련 시트의 크기를 자동으로 조정할 수 있습니다.

이 예에서는 맵에서 마크를 선택하면 막대 차트가 해당 마크의 수익 및 매출을 표시하도록 업데이트되고, 맵에서 마크를 선택하지 않으면 맵이 자동으로 확장되어 레이아웃 컨테이너를 채웁니다.

마크가 선택된 상태 선택하지 않은 상태
  1. 관련 데이터가 포함된 여러 시트를 레이아웃 컨테이너에 추가합니다.

  2. 확장하려는 시트의 드롭다운 메뉴에서 필터로 사용을 선택합니다.

  3. 대시보드 > 작업으로 이동하고 앞서 생성한 필터를 두 번 클릭합니다.

  4. 필터 동작 편집 대화 상자의 대상 시트 섹션에서 레이아웃 컨테이너의 다른 시트를 선택합니다.

  5. 원본 시트에서 마크가 선택되지 않았을 때 대상 시트가 크기 조정되는 방법을 제어하려면 다음 중 하나를 선택합니다.

    • 모든 값 표시는 대상 시트를 원래 크기로 되돌리고 모든 데이터를 표시합니다.

    • 모든 값 제외는 대상 시트를 제목 아래로 축소하고 모든 데이터를 숨깁니다.

레이아웃 컨테이너를 제거하여 포함된 항목을 개별적으로 편집

  1. 대시보드 또는 레이아웃 패널의 항목 계층 영역에서 컨테이너를 선택합니다.

  2. 컨테이너 맨 위의 드롭다운 메뉴에서 컨테이너 제거를 선택합니다.

바둑판식 또는 부동형 대시보드 항목

바둑판식 및 부동형 레이아웃

대시보드에 배치하는 각 개체, 레이아웃 컨테이너 및 뷰는 바둑판식(기본값) 또는 부동형으로 배치됩니다.

바둑판식 레이아웃

부동형 레이아웃
바둑판식 항목은 겹치지 않으며, 전체 대시보드 크기에 따라 크기가 조정되는 단일 계층 그리드의 일부가 됩니다. 부동형 항목은 다른 개체 위에 겹쳐질 수 있습니다. 아래의 예에서 맵은 바둑판식 뷰 위에 부동형으로 배치됩니다.
  최상의 결과를 얻으려면 부동 개체와 뷰에 고정된 크기와 위치를 지정하십시오.

새 항목을 부동형 또는 바둑판식으로 배치

  1. 대시보드 패널의 개체에서 사용할 레이아웃 옵션(부동형 또는 바둑판식)을 클릭합니다.

  2. 오른쪽에 있는 대시보드에 뷰나 개체를 끌어 놓습니다.

: 키보드에서 Shift 키를 누른 채로 항목을 대시보드로 끌어 항목에 부동형 레이아웃을 할당할 수도 있습니다.

기존 항목을 바둑판식에서 부동형으로 전환

  1. 대시보드에서 항목을 선택합니다.

  2. 항목의 바로 가기 메뉴에서 부동을 선택합니다.

개별 대시보드 항목 크기 조정, 배치, 다시 정렬 및 이름 바꾸기

항목의 크기 및 위치 설정

모든 대시보드 항목의 배치를 정밀하게 제어하려는 경우 전체 대시보드 크기 조정에 대해 고정된 크기 또는 범위를 선택한 다음 레이아웃 패널을 사용하여 각 항목의 크기 및 배치를 설정합니다.

  1. 위치 및 크기를 설정하려는 대시보드 항목을 선택합니다. 레이아웃 패널에서 선택한 항목 아래에 항목 이름이 나타납니다.

    팁: 대시보드와 레이아웃 패널을 빠르게 전환하려면 T 키를 누릅니다.

  2. 대시보드에서 왼쪽 맨 위부터 오프셋하여 픽셀 단위로 xy 위치를 정의하는 방식으로 항목의 위치를 정의합니다. 예를 들어 대시보드의 왼쪽 맨 위에 개체를 배치하려면 x = 0 및 y = 0을 지정합니다.

    입력하는 값은 양수 또는 음수일 수 있지만 정수여야 합니다.

  3. 항목의 크기를 조정하려면 대시보드에서 항목을 클릭하고 끌어옵니다. 크기 아래에 있는 설정을 사용할 수도 있습니다.

  4. 선택한 항목의 제목을 숨기려면 제목 표시 확인란을 선택 취소합니다. (대시보드 패널에 있는 유사한 대시보드 제목 표시 확인란은 대시보드 제목만 제어합니다.)

팁: 부동형 항목을 빠르게 배치하려면 화살표 키를 눌러 1픽셀을 이동하거나 Shift 키를 누른 상태에서 화살표 키를 눌러 10픽셀을 이동합니다. 항목 크기를 빠르게 조정하려면 이러한 바로 가기 키에 Alt(Windows) 또는 Option(macOS) 키를 추가합니다.

그리드를 사용하여 항목 정렬

시각적으로 일관적인 디자인을 제공하려면 그리드 위에 대시보드 항목을 정렬하고 크기를 조정합니다.

  1. 대시보드 > 그리드 표시를 선택합니다.

  2. 그리드 크기를 변경하려면 대시보드 > 그리드 옵션을 선택합니다.

팁: 그리드를 빠르게 설정하고 해제하려면 G 키를 누릅니다.

부동형 개체 다시 정렬

레이아웃 패널의 항목 계층 영역에는 대시보드에 있는 개체 사이의 관계가 표시됩니다. 계층의 부동 항목을 끌어 놓아 해당 항목이 겹쳐지는 순서를 변경할 수 있습니다. 목록의 위쪽에 있는 항목이 앞에 나타나고, 목록의 아래쪽에 있는 항목이 뒤에 나타납니다.

항목 이름 바꾸기

대시보드 항목을 보다 쉽게 구분할 수 있도록 이름을 바꿀 수 있습니다.

레이아웃 패널의 항목 계층 영역에서 항목을 마우스 오른쪽 단추로 클릭하고 대시보드 항목 이름 바꾸기를 선택합니다. 대시보드 자체에서도 각 개체의 드롭다운 메뉴를 통해 이 명령을 사용할 수 있습니다.

항목 주위에 여백, 테두리 및 배경색 추가

여백을 사용하여 대시보드에서 항목을 정확한 위치에 배치하고 테두리 및 배경색을 사용하여 시각적으로 하이라이트할 수 있습니다. 안쪽 여백은 항목 콘텐츠와 테두리 및 배경색으로 구성된 경계 사이의 간격을 설정하고, 바깥쪽 여백은 테두리 및 배경색 외부의 추가 간격을 제공합니다.

참고: 특정 대시보드 항목의 테두리나 배경색을 변경할 수 없는 경우 워크시트 수준에서 항목의 서식을 변경하십시오.

A. 바깥쪽 여백 B. 파란색 테두리 C. 연한 파랑 배경색이 있는 안쪽 여백

  1. 개별 항목을 선택하거나 전체 대시보드를 선택합니다.

  2. 왼쪽에 있는 레이아웃 탭에서 테두리 스타일과 색상, 배경색 및 불투명도 또는 여백 크기(픽셀)를 지정할 수 있습니다.

다음은 대시보드 간격에 대한 몇 가지 편리한 팁입니다.

  • 대시보드 항목을 서로 상대적으로 정밀하게 정렬하려면 모든 변이 동일을 선택 취소하고 한 변에서만 여백을 조정합니다.

  • 이음매가 없는 디자인을 만들려면 인접하는 항목의 바깥쪽 여백을 0으로 지정합니다.

투명한 요소를 시각적으로 통합

투명한 요소는 대시보드에서 아래에 있는 개체와 이미지를 표시하는 멋진 시각적 효과를 만들어냅니다.

팁: 부동형 투명 요소를 통해 표시되는 배경 이미지를 만들려면 이미지 개체를 바둑판식으로 배치되는 유일한 항목으로 추가합니다. 고정 크기 대시보드는 화면 크기에 관계없이 부동 요소가 이미지에서 일관된 시각적 관계를 유지하게 만듭니다.

워크시트 배경을 투명하게 만들기

  1. 대시보드에서 시트를 선택합니다.

  2. 서식 > 음영을 선택하고 워크시트 메뉴를 클릭한 다음 배경색으로 없음을 선택합니다.

    시트가 불투명하게 보이면 기초 대시보드, 개체 또는 레이아웃 컨테이너의 배경색을 없음으로 변경합니다. 대시보드의 레이아웃 탭에서 이러한 항목을 빠르게 조정할 수 있습니다.

  3. 투명 시트를 다른 대시보드 항목과 원활하게 통합하려면 서식 > 테두리서식 > 라인을 선택하고 테두리 및 라인을 제거하거나 색상을 변경합니다.

투명 맵을 위한 추가 단계

  1. 서식 > 음영을 선택하고 패널 메뉴를 클릭한 다음 색상으로 없음을 선택합니다.

  2. > 맵 계층을 선택하고 불투명 기본 계층을 선택 취소합니다. 그런 다음, 축소했을 때 투명 맵이 더 뚜렷하게 보이도록 해안선 계층을 선택합니다.

    맵 스타일에 따라 다른 계층을 켜거나 끄면서 실험해야 할 수도 있습니다.

시트를 부분적으로 투명하게 만들기

  1. 대시보드의 레이아웃 패널에서 시트를 선택합니다.

  2. 배경색을 클릭하고 색상 및 불투명도를 설정합니다.

투명한 범례, 필터, 하이라이터 및 매개 변수를 부동형으로 배치

필터, 매개 변수 및 하이라이터를 관련 데이터에 시각적으로 연결하려면 기본적으로 투명하게 표시되는 이러한 항목을 부동형으로 배치합니다. 텍스트는 읽기 쉽도록 항상 완전 불투명 상태로 유지됩니다.

부동형 개체가 계속해서 유색으로 표시되는 경우 이러한 개체와 워크시트 수준 설정을 확인하십시오.

  • 개체를 선택하고 레이아웃 탭에서 배경색을 클릭하고 없음을 선택합니다.

  • 서식 메뉴를 클릭하고 범례, 필터, 하이라이터 또는 매개 변수를 선택합니다. 왼쪽의 서식 패널에서 음영 > 없음을 선택합니다.

자세한 내용은 워크시트 수준에서 서식 지정을 참조하십시오.

이 섹션의 다른 문서