기본 콘텐츠로 건너뛰기 보완적인 콘텐츠로 건너뛰기

일반표 스타일링

다양한 스타일링 속성을 사용하여 일반표의 모양과 느낌을 사용자 지정할 수 있습니다. 스타일링은 조직의 색상표를 반영하고, 분석을 돕고, 가독성을 높이는 데 도움이 될 수 있습니다.

일반표 모양의 다른 측면을 조정하는 방법에 대한 자세한 내용은 일반표의 모양 사용자 지정을 참조하십시오.

개별 시각화 스타일링에 대한 일반적인 정보는 시각화에 사용자 지정 스타일링 적용을 참조하십시오.

텍스트 스타일링

일반표는 텍스트 기반 시각화이므로 텍스트에 다양한 스타일을 지정할 수 있습니다.

차트 수준 텍스트 스타일링

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

  2. 모양프레젠테이션에서 색상표스타일링을 클릭합니다.

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

    • 제목

    • 부제

    • 각주

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

    • 헤더: 차원 및 측정값에 대한 헤더 텍스트 스타일을 지정합니다.

    • 차원 값: 차원 값의 텍스트 스타일을 지정합니다.

    • 측정값: 측정값의 텍스트 스타일을 지정합니다.

    • 합계: 모양 > 프레젠테이션에서 합계 행을 표시하도록 선택한 경우 합계의 텍스트 스타일을 지정합니다.

    • Null 값: Null 값의 텍스트 스타일을 지정합니다. 강조 스타일과 색을 변경할 수 있습니다.

    • 얼룩말 줄무늬: 이 설정을 켜면 행에 대한 텍스트 색을 교차로 설정할 수 있습니다. 얼룩말 줄무늬 적용을 참조하십시오.

열 및 셀 수준 텍스트 스타일링

텍스트 강조

표현식을 사용하여 각 열의 텍스트에 스타일을 지정하는 방법을 정의할 수 있습니다. 표현식을 사용하여 열의 텍스트 스타일링을 지정하는 경우 이 표현식은 앱 테마와 해당 열의 시각화에 적용된 모든 사용자 지정 스타일링을 재정의합니다.

표현식에서 다음 구문을 사용하여 스타일링을 정의할 수 있습니다(태그의 문자는 대/소문자를 구분하지 않음).

  • <B>: 굵게

  • <I>: 기울임꼴

  • <U>: 밑줄

  • <S>: 취소선

위 옵션 중 두 개 이상을 동시에 적용할 수 있습니다.

 

if(avg(Sales) > 300, '<B>')
if(count(OrderID) = 0, '<S>')
if(sum(Sales) > 100000, '<B><U>', '<I>')
  1. 데이터에서 열을 선택하고 속성에서 프레젠테이션을 엽니다.

  2. 텍스트 스타일 표현식 아래에 표현식을 입력합니다. 식 편집기 열기를 클릭하여 수식 편집기를 엽니다.

텍스트 색

각 열의 텍스트 색을 변경할 수 있습니다.

  1. 데이터에서 열을 선택하고 속성에서 프레젠테이션을 엽니다.

  2. 텍스트 색 표현식에서 표현식을 입력합니다. 식 편집기 열기를 클릭하여 수식 편집기를 엽니다.

텍스트 맞춤 및 열 너비

  1. 데이터에서 열을 선택하고 속성에서 프레젠테이션을 엽니다.

  2. 슬라이더를 사용하여 텍스트 맞춤 옵션을 선택합니다. 사용자 지정 텍스트 맞춤을 사용하면 왼쪽, 가운데 또는 오른쪽 맞춤을 선택할 수 있습니다.

    정보 메모텍스트 맞춤자동으로 설정되어 있으면 열 데이터는 데이터 유형에 따라, 텍스트 값은 왼쪽 맞춤, 날짜 관련 값을 포함한 숫자 값은 오른쪽 맞춤으로 정렬됩니다. 사용자 지정으로 설정하면 데이터를 왼쪽, 가운데 또는 오른쪽 맞춤할 수 있습니다.
  3. 열 너비를 선택합니다. 다음 중 하나를 선택할 수 있습니다.

  • 자동

  • 콘텐츠에 맞춤

  • 픽셀

  • 백분율

행 수준 텍스트 스타일링

텍스트 스타일을 지정하기 위해 행 수준 설정을 사용할 수 있습니다.

배경 사용자 지정

배경은 다양한 수준으로 스타일을 지정할 수 있습니다.

차트 수준 배경 스타일링

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

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

  2. 모양프레젠테이션에서 색상표스타일링을 클릭합니다.

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

    정보 메모

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

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

    배경색을 사용하는 경우 슬라이더를 사용하여 배경의 불투명도를 조정합니다. 차트 헤더는 항상 100% 불투명도로 표시됩니다.

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

  4. 차트 탭에서 다음 요소의 배경색을 사용자 지정합니다.

    • 헤더(100% 불투명도 사용)

    • 차원 값

    • 측정값

    • 측정값 레이블

    • 합계(100% 불투명도 사용)

    • Null 값

    • 얼룩말 줄무늬(얼룩말 줄무늬 적용 참조)

열 및 셀 수준 배경 스타일링

표현식을 사용하여 각 열의 배경색을 정의할 수 있습니다. 표현식을 사용하여 열의 배경 스타일을 지정하는 경우, 이 표현식은 해당 열에 대해 앱 테마와 시각화에 적용된 모든 사용자 지정 스타일링을 재정의합니다.

  1. 데이터에서 열을 선택하고 속성에서 프레젠테이션을 엽니다.

  2. 배경 스타일 표현식에서 표현식을 입력합니다. 식 편집기 열기를 클릭하여 수식 편집기를 엽니다.

행 수준 배경 스타일링

배경색을 정의하기 위해 행 수준 설정을 사용할 수 있습니다.

그리드 사용자 지정

표 그리드를 사용자 지정할 수 있습니다.

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

  2. 모양프레젠테이션에서 색상표스타일링을 클릭합니다.

  3. 차트 탭에서 다음 요소로 그리드를 사용자 지정합니다.

    • 행 높이: 줄의 행 높이를 설정합니다.

    • 테두리: 셀 테두리의 색을 설정합니다.

    • 구분선: 표의 헤더와 본문을 나누는 구분선의 색을 설정합니다.

가리키기 동작 사용자 지정

사용자가 테이블의 행 위로 마우스를 가져가면 표시 옵션을 설정할 수 있습니다.

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

  2. 모양프레젠테이션에서 색상표스타일링을 클릭합니다.

  3. 스타일링 패널의 차트 탭에 있는 행 가리키기 아래에서 다음 설정을 조정합니다.

    • 사용자가 행 위에 마우스를 올렸을 때 표의 행을 강조 표시하려면 스위치를 켜기로 설정합니다. 기본 설정에 따라 동작을 끕니다.

    • 행 마우스오버 색: 사용자가 행 위로 마우스를 가져갈 때 해당 행이 강조 표시되는 색을 설정합니다.

    • 행 가리키기 글꼴 색: 사용자가 강조 표시된 행 위로 마우스를 가져갈 때 텍스트의 색을 설정합니다.

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

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

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

  2. 모양프레젠테이션에서 색상표스타일링을 클릭합니다.

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

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

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

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

얼룩말 줄무늬 적용

얼룩말 줄무늬를 사용하면 일반표에 색 행을 교차로 추가할 수 있습니다. 얼룩말 줄무늬는 짝수 행과 홀수 행 사이의 대비를 높여 가독성을 향상합니다.

홀수 행과 짝수 행의 텍스트와 배경색을 설정할 수 있습니다.

video thumbnail

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

  2. 모양프레젠테이션에서 색상표스타일링을 클릭합니다.

  3. 스타일링 패널의 차트 탭에서 얼룩말 줄무늬켜기로 설정합니다.

  4. 다음 설정을 조정합니다.

    • 색(홀수 행): 홀수 행의 텍스트 색을 설정합니다.

    • 배경(홀수 행): 홀수 행의 배경색을 설정합니다.

    • 색(짝수 행): 짝수 행의 텍스트 색을 설정합니다.

    • 배경(짝수 행): 짝수 행의 배경색을 설정합니다.

이 페이지가 도움이 되었습니까?

이 페이지 또는 해당 콘텐츠에서 오타, 누락된 단계 또는 기술적 오류와 같은 문제를 발견하면 알려 주십시오!