대시보드 크기 및 레이아웃

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

전체 대시보드 크기 제어

가장 좋은 방법은 모든 레이아웃 작업이 올바른 크기로 시작되도록 크기를 설정하는 것부터 시작하는 것입니다.

대시보드 크기 옵션

고정된 크기(기본값): 표시되는 창의 크기와 관계없이 대시보드 크기가 같은 크기로 유지됩니다. 대시보드가 창보다 크면 대시보드를 스크롤할 수 있게 됩니다. 미리 설정된 크기 중에서 선택하거나 사용자 지정 크기를 지정할 수 있습니다.

고정된 크기의 대시보드를 사용하면 대시보드 콘텐츠의 정확한 배치와 위치를 지정할 수 있으므로 대시보드에 부동형 개체가 있는 경우 유용합니다.

고정된 크기를 사용하는 게시된 대시보드는 서버에 캐싱된 버전을 사용할 가능성이 높으므로 더 빨리 로드될 수 있습니다. 다른 성능 팁에 대해서는 통합 문서 성능 최적화를 참조하십시오.

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

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

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

Tableau가 크기를 조정하게 하려면 이 설정을 사용합니다. 최상의 결과를 얻으려면 부동형 대신 바둑판식 대시보드 레이아웃을 사용합니다. 자동 크기 조정을 사용하면 서로 다른 화면에서 예측할 수 없는 결과가 나올 수 있으므로 대시보드가 사용될 위치를 모르는 경우에는 이 설정을 주의하여 사용해야 합니다.

가변 크기의 대시보드는 브라우저를 요청할 때마다 새로 렌더링해야 하므로 성능에 영향을 미칠 수 있습니다.

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

전체 대시보드 크기 설정

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

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

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

레이아웃 컨테이너 유형

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

가로 레이아웃 컨테이너

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

세로 레이아웃 컨테이너

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

레이아웃 컨테이너 추가

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

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

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

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

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

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

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

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

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

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

마크가 선택된 상태선택하지 않은 상태
  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 키를 누릅니다.

개체 다시 정렬

레이아웃 패널의 항목 계층 영역에서 대시보드의 개체가 계층화되고 그룹화되는 방식을 빠르게 변경할 수 있습니다. 목록의 위쪽에 있는 항목이 앞에 나타나고, 목록의 아래쪽에 있는 항목이 뒤에 나타납니다.

Tableau Cloud 또는 Tableau Server에서 개체 다시 정렬

Tableau Cloud 및 Tableau Server에서 계층의 바둑판식 개체와 부동 개체 모두의 순서를 다시 정렬할 수 있습니다. 또한 현재 컨테이너 내의 항목과 모든 수준의 다른 컨테이너로 항목을 끌어올 수도 있습니다. 이렇게 하면 캔버스에서 편집하는 것보다 더 유연하게 항목을 중첩할 수 있으므로 가장 안쪽 컨테이너에 개체를 배치하는 것이 제한됩니다.

Tableau Desktop에서 부동 개체 다시 정렬

Tableau Desktop에서는 부동 항목을 계층의 최상위 수준으로 끌어 서로 겹치는 방식을 변경할 수 있습니다.

항목 이름 바꾸기

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

투명 맵을 위한 추가적 단계

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

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

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

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

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

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

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

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

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

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

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

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

피드백을 제공해 주셔서 감사합니다!귀하의 피드백이 제출되었습니다. 감사합니다!