시각화 창을 사용하여 모바일 레이아웃에 대한 시각적 개체의 형식을 최적화합니다.
시각화 창
시각화 창을 사용하면 해당 서식 설정을 변경하여 모바일 레이아웃에 대한 시각적 개체의 서식을 정확하게 지정할 수 있습니다.
캔버스에 시각적 개체를 처음 배치하면 해당 서식 설정이 시각화 창에 표시됩니다. 대부분의 형식 설정은 데스크톱 레이아웃에 연결되며 해당 값을 가져옵니다. 예외 에 대한 모바일 서식 고려 사항 및 제한 사항을 참조하세요.
시각 요소의 서식을 지정하려면 캔버스에서 시각 요소가 선택되어 있는지 확인합니다. 시각화 창에서 관련 설정을 찾아서 변경합니다.
설정을 변경하면 데스크톱 레이아웃과 연결이 끊어지고 독립됩니다. 설정을 변경해도 데스크톱 레이아웃에는 영향을 주지 않으며 그 반대의 경우도 마찬가지입니다. 데스크톱 레이아웃에서 설정을 변경해도 모바일 레이아웃에는 영향을 주지 않습니다. 시각적 개체의 설정을 변경하면 아이콘이 변경되었음을 나타냅니다. 모바일 서식 변경 내용을 취소하면 설정(또는 설정)이 데스크톱 레이아웃에 다시 연결되고 현재 데스크톱 값이 적용됩니다.
아래 이미지는 서식 설정, 변경 표시, 다른 창 기능이 있는 시각화 창을 보여 줍니다.
모바일 서식 변경 취소
범주 카드 아래쪽에서 모바일 변경 내용 지우기를 선택하여 단일 범주에 대한 모바일 서식 변경 내용을 취소할 수 있습니다. 추가 옵션(...)을 선택하고 상황에 맞는 메뉴에서 모바일 서식 지우기를 선택하여 시각적 개체에 대한 모든 모바일 서식 변경 내용을 취소할 수 있습니다.
모바일 서식 변경 내용을 취소하면 설정(또는 설정)이 바탕 화면 레이아웃에 다시 연결되어 그곳에서 값을 다시 가져옵니다.
모바일 레이아웃 보기의 시각화 창은 데스크톱 레이아웃 보기의 일부인 시각화 창과 매우 유사합니다.
모바일 서식 고려 사항 및 제한 사항
- 크기 및 위치 설정은 데스크톱 레이아웃에서 상속되지 않으므로 크기 및 위치 설정에 대한 변경 표시가 표시되지 않습니다.
모바일 서식 예제
이 섹션에서는 모바일 레이아웃에 더 유용하고 적합하도록 Power BI의 모바일 서식 기능을 사용하여 시각적 개체를 수정하는 방법에 대한 몇 가지 예를 보여 줍니다.
예제에서는 다음을 보여 줍니다.
- 시각적 개체의 그리드 방향 및 스타일 설정을 휴대폰 레이아웃에 맞게 변경하는 방법입니다.
- 모바일 디자인에 더 잘 맞도록 다양한 셰이프를 사용할 수 있는 방법입니다.
- 시각적 개체의 글꼴 크기를 다른 보고서 시각적 개체에 맞게 조정하는 방법입니다.
- 크기 및 위치 설정을 사용하여 정확한 디자인을 만드는 방법
- 부동산을 최대화하기 위해 차트 설정을 조정하는 방법.
아래 애니메이션 이미지에서 시작점은 캔버스에 일부 시각적 개체가 배치된 후 모바일 레이아웃을 표시합니다. 그런 다음, 이미지는 시각화 서식 창을 사용하여 이러한 시각적 개체를 변경하는 방법을 보여 줍니다.
모바일 레이아웃에 더 적합하도록 그리드 방향 변경
일부 시각적 개체의 그리드 방향은 데스크톱 레이아웃에서는 잘 작동할 수 있지만, 크기가 더 작고 공간이 제한된 모바일 화면에서는 그렇지 않을 수 있습니다. 이 샘플 보고서 페이지에서 페이지 탐색기가 세로로 쌓였습니다. 이 방향은 데스크톱 레이아웃에 적합하지만 모바일 레이아웃에는 적합하지 않습니다. 시각화 창에서 그리드 레이아웃 방향 설정을 변경하여 페이지 탐색기가 가로로 표시되는 방법을 보여 줍니다.
디자인 요소로 사용할 셰이프 변경
바탕 화면 레이아웃에서 만든 도형을 셰이프 설정을 사용하여 모바일 레이아웃의 다른 도형으로 변경할 수 있습니다. 이렇게 하면 셰이프를 다시 구성할 수 있습니다. 아래 이미지는 페이지 탐색기의 배경으로 사용되었던 바탕 화면 레이아웃의 사각형 셰이프가 모바일 레이아웃의 선 셰이프로 변경되고 페이지 탐색기의 밑줄을 표시하는 데 사용되는 방법을 보여 줍니다.
다른 시각적 개체에 더 적합하도록 시각적 개체의 글꼴 크기 변경
데스크톱 레이아웃에 사용되는 글꼴 크기는 일반적으로 모바일 레이아웃에 비해 너무 커서 공간을 너무 많이 차지하고 읽기 어려운 텍스트를 생성합니다. 따라서 모바일 레이아웃을 만들 때 수행해야 하는 가장 일반적인 작업 중 하나는 글꼴 크기를 변경하는 것입니다. 아래 이미지에서는 카드 시각적 개체의 글꼴 크기를 변경하면 텍스트가 다른 시각적 개체에 더 잘 맞는지 확인할 수 있습니다. 디스플레이 단위를 수천에서 수백만 단위로 변경하면 모바일 레이아웃에 맞게 시각적 크기를 더 잘 조정하는 데 도움이 됩니다.
속성을 사용하여 시각적 크기와 위치를 정확하게 결정하기
모바일 레이아웃 캔버스에는 시각적 개체의 크기를 조정하고 정렬하는 데 도움이 되는 세분화된 그리드와 스마트 가이드가 이미 있지만 시각적 개체의 정확한 크기와 위치를 제어해야 하는 경우가 있습니다. 위치 및 크기 설정을 사용하여 이 작업을 수행할 수 있습니다.
비고
크기 및 위치 설정은 데스크톱 레이아웃에서 상속되지 않습니다. 따라서 크기 및 위치 설정을 변경하면 변경 표시기가 표시되지 않습니다.
아래 이미지는 크기 및 위치 설정을 사용하여 시각적 개체의 크기를 조정하고 정렬하는 방법을 보여 줍니다. 시각적 개체를 여러 번 선택하면 여러 시각적 개체에 변경 내용을 한 번에 적용할 수 있는 방법에 유의하세요.
서식 설정을 사용하여 시각적 요소를 최적화하여 중요한 화면 공간 절약
경우에 따라 시각적 개체의 설정을 사용하여 더 간결하게 만들고 공간을 절약할 수 있습니다. 다음 예제에서는 막대형 차트를 볼 수 있습니다. 시각적 요소가 캔버스에서 차지하는 크기를 줄이기 위해 범례와 X 축이 숨겨집니다. 그러나 범례와 X축을 제거하면 함께 사용할 값이 없으므로 막대가 불분명해집니다. 이를 해결하기 위해 데이터 레이블이 켜지고 막대의 중앙에 배치됩니다. 이러한 방식으로 공간을 절약하면 스크롤하지 않고도 한 번에 더 많은 시각적 개체를 볼 수 있습니다.
팁: 대부분의 차트에는 기본적으로 응답성이 있는 설정이 있습니다. 차트의 요소가 시각적 개체의 크기에 영향을 받지 않도록 하려면 시각적 개체의 설정에서 반응형 설정을 해제합니다(일반 > 속성 > 고급 옵션 > 응답).
시각 자료 및 슬라이서에 대한 다양한 서식 옵션
비주얼
기본적으로 많은 시각적 개체, 특히 차트 형식 시각적 개체는 응답성이 있습니다. 즉, 화면 크기에 관계없이 최대 데이터 및 인사이트를 표시하도록 동적으로 변경됩니다.
시각적 개체의 크기가 변경됨에 따라 Power BI는 데이터에 우선 순위를 부여합니다. 예를 들어, 패딩을 제거하고 범례를 시각적 개체의 맨 위로 자동으로 이동시켜 시각적 개체가 작아지더라도 유익한 정보를 유지합니다.
응답성은 시각적 설정을 사용하여 서식을 방해할 수 있습니다. 응답성을 해제하려면 캔버스에서 시각적 개체를 선택한 다음 시각화 창에서 일반 > 속성 > 고급 옵션으로 이동합니다.
슬라이서
슬라이서를 사용하여 보고서 화면에서 데이터를 필터링할 수 있습니다. 일반 보고서 작성 모드에서 슬라이서를 디자인할 때 일부 슬라이서 설정을 수정하여 모바일 최적화 보고서에서 더 쉽게 사용할 수 있도록 할 수 있습니다.
- 보고서 판독기에서 하나의 항목 또는 여러 항목만 선택할 수 있도록 허용할지 여부를 결정할 수 있습니다.
- 슬라이서를 세로, 가로 또는 반응형으로 만들 수 있습니다(반응형 슬라이서는 가로여야 합니다).
슬라이서를 반응형으로 만들면, 크기와 모양을 변경할 때 더 많거나 적은 옵션이 표시됩니다. 키가 크거나, 짧거나, 넓거나, 좁을 수 있습니다. 충분히 작게 만들면 보고서 페이지의 필터 아이콘이 됩니다.
반응형 슬라이서를 만드는 방법에 대해 자세히 알아보세요.
단추, 슬라이서 및 시각적 요소의 동작 테스트
모바일 레이아웃 캔버스는 대화형이므로 모바일 최적화 보기를 디자인하는 동안 단추, 슬라이서 및 기타 시각적 개체의 동작을 테스트할 수 있습니다. 시각적 개체가 상호 작용하는 방식을 확인하기 위해 보고서를 게시할 필요가 없습니다. 몇 가지 제한 사항이 적용됩니다.