레이아웃 컨테이너

레이아웃 컨테이너를 사용하면 제한된 공간에 시각화를 추가할 수 있습니다. 조건에 따라 레이아웃 컨테이너 내부의 시각화를 표시하거나 숨길 수도 있습니다.

레이아웃 컨테이너는 시트에서 작은 공간을 차지하면서 다양한 시각화를 담을 수 있습니다. 전체 시트로 확장하면 각 차트도 확장됩니다.

사용 시기

레이아웃 컨테이너는 여러 차트를 단일 단위로 포함하는 사용자 지정 디스플레이를 구축하려는 경우에 유용합니다. 탭을 사용하여 차트를 순환하는 컨테이너와 달리 레이아웃 컨테이너는 레이아웃 컨테이너에 있는 차트의 레이아웃을 자유롭게 사용자 지정할 수 있는 공간입니다. 레이아웃 컨테이너는 시트와 같은 시각화 배열을 제공하므로 더 자세한 내용을 위해 확장할 수 있는 시트 내에 여러 시트를 기능적으로 저장할 수 있습니다.

시각화를 서로 위에 배치할 수 있습니다. 레이아웃 컨테이너의 조건을 사용하여 표시되는 시각화를 제어할 수 있습니다. 예를 들어, 다음을 기반으로 시각화를 표시할 수 있습니다.

• 차트에 액세스하는 사용자
• 변수 값

모범 사례로서, 컨테이너에 추가되는 시각화가 많을수록 시각화를 표시하는 데 더 오랜 시간이 걸릴 수 있다는 점에 유의해야 합니다. 레이아웃 컨테이너의 너무 많은 개체가 사용자를 어렵게 하고 앱의 시각화 렌더링 속도를 느리게 만들 수도 있습니다.

컨테이너 만들기

편집 중인 시트에 컨테이너를 만들 수 있습니다.

다음과 같이 하십시오.

• 고급 편집 모드 자산 패널에서 사용자 지정 개체 > Dashboard bundle을 열고 시트로 Layout container를 끕니다.

이제 레이아웃 컨테이너가 있습니다. 레이아웃 컨테이너에 차트를 추가하고 구성할 수 있습니다.

레이아웃 컨테이너에 차트 추가

다음과 같이 하십시오.

1. 레이아웃 컨테이너를 선택합니다.

2. 속성 패널의 Content에서 Add를 클릭합니다.

   또는 레이아웃 컨테이너에서 Add content를 클릭합니다.

3. Charts에서 시각화를 선택합니다.

4. 차트에 데이터를 추가하려면 Add dimension 및 Add measure를 클릭합니다.

5. 차트 크기를 조정하려면 다음 중 하나를 수행합니다.
   • 차트의 가장자리나 가장자리를 클릭하고 드래그합니다.
   • 속성에 차트의 너비와 높이를 백분율로 입력합니다.

6. 차트 위치를 변경하려면 다음 중 하나를 수행합니다.

   • 차트를 클릭하고 원하는 위치로 드래그합니다.

   • 속성에 차트의 X 축, Y 축 위치를 백분율로 입력합니다.

   레이아웃에 대한 그리드 줄을 표시하려면 속성의 프레젠테이션 > 스타일링에서 그리드 줄 표시를 켭니다. 그리드의 행과 열 수를 설정하고 시각화를 그리드 선에 맞출 수도 있습니다.

   레이아웃 컨테이너의 경계 내에 차트를 유지하려면 프레젠테이션 > 스타일링에서 경계 내에 차트 유지를 설정합니다.

7. 레이아웃 컨테이너에서 시각화 레이어를 순서 변경하려면 레이아웃 컨테이너에서 시각화를 마우스 오른쪽 버튼으로 클릭하고 차트 레이어 순서 변경을 선택한 다음 시각화를 앞으로 또는 뒤로 가져오도록 선택합니다. 또는 속성 패널에서 시각화를 클릭하고 끕니다.
8. 해당 차트 유형에 사용할 수 있는 모든 속성으로 차트를 구성하려면 Edit properties을 클릭합니다.
9. 레이아웃 컨테이너에 추가하려는 추가 차트에 대해 반복합니다.

표시 조건 추가

만든 탭에 표시 조건을 추가할 수 있습니다.

다음과 같이 하십시오.

1. 속성 패널의 Content(콘텐츠)에서 표시 조건을 추가할 차트를 클릭합니다.

2. Show condition에서 차트에 대한 표시 조건을 추가합니다. 일반적으로 If() 함수를 사용합니다.

   if - 스크립트 및 차트 함수을 참조하십시오.

3. 다른 차트에 또 다른 표시 조건을 추가합니다.

   이제 차트는 추가한 조건 결과에 따라 표시되거나 숨겨집니다. 차트 조건이 True이면 표시되고 False이면 숨겨집니다.

텍스트 사용자 지정

모양 > 일반에서 제목, 부제 및 각주에 대한 텍스트를 설정할 수 있습니다. 이러한 요소를 숨기려면 제목 표시를 해제합니다.

차트에서 다른 레이블의 가시성은 차트별 설정 및 레이블 표시 옵션에 따라 다릅니다. 속성 패널에서 구성할 수 있습니다.

차트에 표시되는 텍스트의 스타일을 지정할 수 있습니다.

다음과 같이 하십시오.

1. 고급 옵션을 클릭합니다.

2. 속성 패널에서 모양 섹션을 확장합니다.

3. 모양 > 프레젠테이션에서 스타일링을 클릭합니다.

4. 일반 탭에서 다음 텍스트 요소의 글꼴, 강조 스타일, 글꼴 크기 및 색을 설정합니다.

   • 제목

   • 부제

   • 각주

배경 사용자 지정

차트의 배경을 사용자 지정할 수 있습니다. 배경은 색과 이미지별로 설정할 수 있습니다.

다음과 같이 하십시오.

1. 고급 옵션을 클릭합니다.

2. 속성 패널에서 모양 섹션을 확장합니다.

3. 모양 > 프레젠테이션에서 스타일링을 클릭합니다.

4. 스타일링 패널의 일반 탭에서 배경색(단색 또는 표현식)을 선택할 수 있습니다. 미디어 라이브러리나 URL에서 이미지를 선택하여 배경을 설정할 수도 있습니다.

   정보 메모

   URL에서 배경 이미지를 추가하려면 해당 URL의 원본을 테넌트의 콘텐츠 보안 정책에 있는 허용 목록에 추가해야 합니다. 다음 지침: img-src를 사용하여 원본을 추가해야 합니다. 이 작업은 테넌트 관리자가 수행합니다.

   자세한 내용은 CSP 항목 만들기을 참조하십시오.

   배경색을 사용하는 경우 슬라이더를 사용하여 배경의 불투명도를 조정합니다.

   배경 이미지를 사용할 때 이미지 크기와 위치를 조정할 수 있습니다.

테두리 및 그림자 사용자 지정

차트의 테두리와 그림자를 사용자 지정할 수 있습니다.

다음과 같이 하십시오.

1. 고급 옵션을 클릭합니다.

2. 속성 패널에서 모양 섹션을 확장합니다.

3. 모양 > 프레젠테이션에서 스타일링을 클릭합니다.

4. 스타일링 패널의 일반 탭에 있는 테두리에서 윤곽선 크기를 조정하여 차트 주변의 테두리 선을 늘리거나 줄입니다.

5. 테두리 색을 선택합니다.

6. 모서리 반경을 조정하여 테두리의 원형 정도를 제어합니다.

7. 일반 탭의 그림자에서 그림자 크기와 색을 선택합니다. 그림자를 제거하려면 없음을 선택합니다.

제한 사항

레이아웃 컨테이너에는 다음과 같은 제한 사항이 있습니다.

• 컨테이너에 측정값이나 차원을 놓아 레이아웃 컨테이너 내에 차트를 만들 수 없습니다.
• 레이아웃 컨테이너 내에 컨테이너, 격자 울타리 컨테이너 또는 레이아웃 컨테이너를 추가할 수 없습니다.
• 레이아웃 컨테이너의 차트 복사 및 붙여넣기에는 키보드 바로 가기가 지원되지 않습니다.