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

조직도

조직도(조직도)를 사용하여 트리 구조를 가진 데이터로 조직 차트를 만들 수 있습니다. 트리를 확장 및 축소하여 계층을 탐색할 수 있습니다. 조직도는 시각화 번들에 포함되어 있습니다.

트리 구조를 정의하는 두 개의 차원이 포함된 데이터 집합을 사용해야 합니다.

  • 첫 번째 차원은 노드의 ID여야 합니다. 기존 조직 차트에서 이 차원은 일반적으로 직원 ID입니다.
  • 두 번째 차원은 부모 노드의 ID여야 합니다. 이 차원은 일반적으로 관리자의 직원 ID입니다.

    두 번째 차원이 첫 번째 차원에 연결되어 트리 구조를 만듭니다.

    이 값이 비어 있거나 존재하지 않는 노드를 가리키는 경우 노드는 트리 최상위의 루트 노드가 됩니다.

조직도의 예제 데이터 집합
EmployeeID ManagerID 이름 제목
A101   Mary Bell CEO
A102 A101 John Bialik 사무국장
O101 A101 Lee Mayer COO
I101 A101 Wendy Sanderson CIO
T101 A101 Asim Nawrat CTO
T102 T101 Emily Diaz VP(제품)
T103 T101 Christine Nemic VP(연구 개발)

카드 설명으로 사용되는 측정값을 추가할 수도 있습니다.

video thumbnail

데이터 집합 준비

조직도를 위한 데이터 집합을 준비할 때 고려해야 할 점이 몇 가지 있습니다.

  • 행이 33,000개 이하인 데이터 집합을 사용해야 합니다.

    그 이상의 데이터 집합을 사용하는 경우 초과하는 행은 무시됩니다. 그러면 잘못된 트리 구조가 될 수 있습니다. 메시지가 표시됨: 최대 데이터 제한에 도달했습니다. 트리가 잘못 표시될 수 있습니다.

  • 데이터에 순환 참조가 포함되지 않았는지 확인합니다.

    순환 참조가 포함되어 있으면 노드가 생략되거나 루트 노드가 여러 개 생성될 수 있습니다. 이 경우 다음 메시지 중 하나가 표시됩니다.

    데이터에 순환 참조가 있습니다. 노드가 생략됩니다.

    루트 노드가 없습니다. 데이터에 순환 참조가 있는지 확인하십시오.

  • 노드에 99개보다 많은 자식 노드가 있는 경우 초과하는 자식 노드는 렌더링되지 않습니다.

    메시지가 표시됨: 최대 하위 노드 수에 도달했습니다. 노드가 생략되었습니다.

  • 부모 노드가 없는 행 수가 많으면 안 됩니다. 이러한 노드는 루드 노드로 표시됩니다. 최대 루트 노드 수는 99개입니다.

조직도 만들기

조직도를 사용하여 예제 데이터 집합을 시각화할 수 있습니다. 모든 직원은 확장 및 축소 가능한 트리 구조에서 카드로 표시됩니다.

  1. 시트에 조직도를 추가합니다.
  2. 첫 번째 차원을 EmployeeID로 설정합니다.
  3. 두 번째 차원을 ManagerID로 설정합니다.
  4. 카드에 레이블을 추가합니다. EmployeeID 차원을 확장하면 레이블 속성을 확인할 수 있습니다.

    1. 카드 제목Name으로 설정합니다.
    2. 카드 부제목Title로 설정합니다.

카드와 제목이 있는 조직도

차트 모양 변경

조직도의 모양을 사용자 지정할 수 있습니다.

측정값을 추가하여 설명 설정

측정값을 추가하여 설명을 표시할 수 있습니다. 그러면 카드 설명 속성에 설정된 값이 바뀝니다.

프레젠테이션 모드 변경

모양프레젠테이션프레젠테이션 모드에서 조직도 표시 방법을 설정할 수 있습니다. 조직도는 전체 트리를 표시하거나 축소 및 확장할 수 있습니다. 조직도가 확장/축소로 설정된 경우 조직도가 확장되거나 축소될 때마다 자동으로 크기가 조정되도록 설정할 수도 있습니다.

스타일링 패널을 사용하여 모양을 추가로 사용자 지정

속성 패널의 모양에서 다양한 스타일링 옵션을 사용할 수 있습니다.

모양 > 프레젠테이션에서 색상표스타일링을 클릭하여 차트의 스타일링을 추가로 사용자 지정합니다. 스타일링 패널에는 일반차트 탭 아래에 다양한 섹션이 있습니다.

각 섹션 옆에 있는 다시 설정을 클릭하여 스타일을 다시 설정할 수 있습니다. 다시 설정 모두 다시 설정을 클릭하면 스타일링 패널에서 사용할 수 있는 모든 탭의 스타일이 다시 설정됩니다.

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

텍스트 사용자 지정

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

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

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

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

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

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

    • 제목

    • 부제

    • 각주

  4. 차트 탭으로 전환합니다. 기본적으로 텍스트 색에서 자동 대비가 켜져 있습니다. 이 설정은 최적의 대비를 위해 카드 요소의 텍스트 색을 자동으로 조정합니다. 각 요소의 텍스트 색을 제어하려면 설정을 끕니다.

    다음 텍스트 요소에 대한 글꼴, 글꼴 크기, 색을 설정합니다.

    • 제목: 카드 제목의 텍스트 스타일을 지정합니다.

    • 부제: 카드 부제 텍스트의 스타일을 지정합니다.

    • 설명: 카드 설명 텍스트의 스타일을 지정합니다.

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

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

배경 사용자 지정

배경 스타일링 옵션은 일반 수준과 카드 수준 모두에서 사용할 수 있습니다.

일반 배경 설정

일반적인 배경에는 제목 영역과 차트 자체가 포함되며, 차트의 일부는 카드로 가려져 있습니다.

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

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

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

    정보 메모

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

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

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

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

카드 배경 설정

차트에 나타나는 카드의 배경색을 정의할 수 있습니다.

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

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

  3. 스타일링 패널의 차트 탭의 카드 배경색에서 카드 배경에 사용할 색을 선택합니다. 색을 단색이나 표현식으로 설정할 수 있습니다.

표현식을 사용하면 각 카드의 스타일을 다른 카드와 다르게 지정할 수도 있습니다. 이렇게 하려면 속성 패널에서 데이터를 확장하고 첫 번째 차원을 확장합니다. 카드 배경색에 대한 표현식을 설정합니다. 예를 들어, 다음과 같은 조건부 표현식이 될 수 있습니다. =if(EmployeeID='A101', 'pink')

카드 모양 사용자 지정

카드의 배경색을 변경할 수 있습니다(카드 배경 설정 참조). 또한 카드에 상위 막대와 테두리를 표시할지 여부와 이에 사용할 색을 구성할 수 있습니다.

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

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

  3. 스타일링 패널의 차트 탭에서 카드 모양으로 이동합니다. 기본적으로 자동 대비가 켜져 있습니다. 이 설정은 상위 막대와 테두리의 색을 자동으로 조정합니다. 색을 제어하려면 설정을 끕니다.

    다음 설정을 조정합니다.

    • 상위 막대: 시각적인 매력을 위해 각 카드 상단에 막대를 추가할지 여부를 선택합니다.

    • 테두리: 각 카드를 테두리로 둘러쌀지 여부를 선택합니다.

    • 테두리 색: 이 설정은 자동 대비가 꺼져 있을 때 사용할 수 있습니다. 카드 테두리의 색을 단색으로 설정하거나, 표현식별로 색을 지정할 수 있습니다.

카드 이미지 사용자 지정

조직도의 카드에 이미지를 추가할 수 있습니다(조직도에 이미지 추가 참조). 이미지를 추가한 후, 스타일링 패널을 사용하여 이미지가 표시되는 방식을 변경합니다.

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

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

  3. 스타일링 패널의 차트 탭의 이미지 옵션에서 다음 설정을 조정합니다.

    • 위치: 사용자가 이미지를 보는 방식을 조정합니다. 이미지를 카드에만 표시하거나, 사용자가 카드 위에 마우스를 올려 놓았을 때 도구 설명에 표시하거나, 둘 다 표시하도록 선택할 수 있습니다.

    • 맞춤: 카드에서 이미지가 나타나는 위치를 선택합니다.

    • 도형: 이미지의 도형을 직사각형이나 원형 중에서 선택할 수 있습니다.

    • 도형에 맞추기: 이 설정은 도형 설정이 사각형으로 설정된 경우 사용할 수 있습니다. 이 설정을 사용하면 표시되는 콘텐츠 상자에 맞게 각 이미지의 크기가 조정됩니다. 그런 다음 이미지를 잘라냅니다.

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

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

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

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

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

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

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

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

조직도에서 선택

조직도에서 카드를 선택할 수 있습니다. 카드를 선택하면 카드 아래의 모든 하위 노드가 선택에 포함됩니다.

조직도에 이미지 추가

조직도의 각 카드에 대한 이미지를 추가할 수 있습니다. 첫 번째 차원을 구성할 때 속성 패널의 데이터 섹션에서 카드 이미지를 구성합니다.

  1. 속성 패널에서 데이터를 확장합니다.

  2. 차원에서 추가한 첫 번째 차원을 확장합니다.

  3. 이미지 URL에 각 이미지를 사용할 시기를 정의하는 표현식을 입력합니다. 예를 들어, 데이터 모델에 각 카드의 URL을 포함하는 URL이라는 필드가 있을 수 있습니다.

    정보 메모

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

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

    이미지를 정의한 후, 스타일링 패널을 사용하여 이미지가 표시되는 방식을 조정할 수 있습니다. 카드 이미지 사용자 지정를 참조하십시오.

제한 사항

일반 제한 사항에 대한 자세한 내용은 제한 사항을 참조하십시오.

자세한 정보

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

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