그래프 위젯

그래프 위젯을 사용하면 여러 그래프 유형에서 선택하여 필터링된 레코드 그룹을 시각화할 수 있습니다. 데이터에 가장 적합한 시각화 유형(예: 막대, 선, 영역, 단계 및 파이)을 선택할 수 있습니다. 그래프 위젯을 통해 프로젝트 또는 부서의 파이프라인 단계에 남아 있는 태스크 수를 쉽게 파악할 수 있습니다.

이 단계별 튜토리얼에서는 기한이 지난 태스크를 보여 주는 그래프를 만드는 방법을 다룹니다. 프로젝트에 수행할 작업이 남은 태스크의 기간 및 부서별로 수행할 작업이 남은 태스크와 같은 다른 일반 그래프의 예제도 제공합니다.

그래프 대시보드

참고: 그래프는 그래프로 선택하는 엔티티의 하위 세트를 표시합니다. 예를 들어 아래 그래프는 파이프라인 단계별 최종 태스크 수를 보여 줍니다.
파이프라인 단계별 최종 태스크

1단계: 그래프 위젯을 추가합니다.

페이지에 그래프 위젯을 추가하려면 + 페이지(+ page) 버튼을 통해 새 페이지를 만들고 유형으로 캔버스(Canvas)를 선택합니다.

페이지 만들기

기존 페이지의 경우 페이지 설정(Page Settings)에서 디자인 페이지(Design Page)를 선택한 다음 새 뷰(New View)를 만들고 뷰 유형(View Type)에서 캔버스(Canvas)를 선택합니다.

2단계: 그래프 위젯을 뷰로 드래그 앤 드롭합니다.

위젯 탭

3단계: 그래프로 표시할 엔티티를 선택합니다.

드롭다운 목록을 사용하여 그래프로 표시할 엔티티를 선택합니다. 이 튜토리얼에서는 태스크를 선택합니다.

그래프로 표시할 엔티티를 변경해야 할 경우 위젯 내의 엔티티 유형 드롭다운에서 변경할 수 있습니다.

태스크

4단계: 그래프 이름을 지정합니다.

위젯 이름

5단계: 그래프로 표시할 내용을 결정합니다.

  1. 파이프라인 단계별로 기한이 지난 태스크를 보려면 "그래프(Graph)"에서 파이프라인 단계(Pipeline Step)를 선택합니다.
  2. "표시(Display)" 설정은 막대 옆에 표시할 사항을 결정합니다.

기한이 지난 파이프라인 단계별 태스크

6단계: [선택 사항] 그래프를 디자인합니다.

그래프 유형으로 시작하는, 그래프 표시 방법에 대한 몇 가지 옵션이 있습니다.

  • 레거시
  • 수평
  • 수직
  • 파이

이 튜토리얼에서는 수평 유형을 선택했습니다.

레거시 유형은 각 막대 색상이 동일한 수평 막대 차트를 표시합니다(커스텀 막대 색상을 선택할 수 있음). 이 유형에는 최소한의 구성 옵션이 있습니다.

참고: 레거시 유형은 기존 그래프 유형이 있을 경우 지장을 주지 않도록 적용됩니다. 그러나 레거시 유형은 결국 사용하지 않게 되고 수평 유형으로 수평 그래프를 표시할 수 있습니다.

수평 유형은 수평 그래프를 표시합니다. 다음 옵션 중에서 선택할 수 있습니다.

  • 막대(Bar)
  • 선(Line)
  • 부드럽게 처리된 선(Smoothed Line)
  • 영역(Area)
  • 단계(Step)

데이터 포인트 위에 마우스 커서를 놓으면 각각의 백분율을 볼 수 있습니다. 그래프 데이터 포인트를 클릭하면 소스 데이터도 볼 수도 있습니다.

수직 유형은 수직 막대 차트로 그래프를 표시합니다. 이 그래프 유형에는 수평 유형과 동일한 옵션 및 기능이 있습니다.

참고: 수평 및 수직 유형 둘 다 음수 값을 표시할 수 있습니다. 커스텀 "음의 색상(Negative Color)"을 선택할 수 있는 옵션이 있습니다.

파이 유형은 파이 차트로 그래프를 표시합니다. "내부 반지름(%)(Inner Radius (%))" 옵션을 사용하여 파이 차트를 도넛 모양으로 전환할 수 있습니다.

참고: 그래프는 화면 크기에 영향을 받습니다. 브라우저 크기를 조정하더라도 변경을 확인하려면 페이지를 새로 고쳐야 할 수 있습니다.

추가 옵션

  • "합계 표시(Display Total)" 상자를 선택하여 그래프에 총 항목 수를 표시합니다.
  • "최대 범주(Max Categories)" 상자에 숫자를 입력하여 상태와 같은 그래프 범주 수를 제한합니다.
    최대 범주
  • "그룹(Group)"에서 값을 선택하여 예를 들면 파이프라인 단계별로 그래프의 데이터를 그룹으로 지정합니다. 범례를 클릭하여 그룹 지정 표시 기능을 켜거나 끌 수 있습니다. 이 설정은 해당 세션에서만 유효하며 저장되지 않습니다. 화면 표시를 저장하려면 필터링을 사용합니다.
    • 그래프 위에 마우스 커서를 놓으면 그룹의 항목 수와 범주의 총 항목 수가 포함된 툴팁이 표시됩니다.
    • 그래프의 스택 여부를 선택합니다. "보통(Regular)" 모드 또는 "100%" 모드로 스택할 수 있습니다. 100% 모드는 동일한 범주에서 그룹의 비율을 표시하는 데 유용합니다. 이 경우, 스택은 전체 높이 또는 폭을 가져와서 범주 전체에 대한 비율을 기반으로 그룹을 표시합니다.
참고: 상태를 그래프로 표시할 경우 색상 기본 설정을 사용하거나 고유의 색 구성표를 사용하도록 선택할 수 있습니다. 고유의 색 구성표를 사용하려면 상태 목록 페이지로 이동하여 상태 배경 색상을 변경합니다. 선택하는 배경 색상은 상태 필드의 셀에도 나타납니다.
상태 목록 상태 배경 색상
  • 상태 순서별 또는 파이프라인 단계 순서별로 그래프를 정렬합니다.
    파이프라인 순서 정렬
    최상의 결과를 얻으려면 파이프라인 단계 순서 또는 상태 순서 편집에 대해 자세히 알아봅니다.

7단계: 모든 프로젝트를 포함합니다.

이 그래프의 경우 그래프에 모든 프로젝트를 포함하도록 프로젝트(Project)를 선택 취소합니다.

프로젝트 선택 안 함

8단계: 그래프에 필터를 추가합니다.

상태 일치하지 않음 최종(Status is not final) 및 기한 이전 오늘(Due Date is before Today)을 추가합니다.

필터

이제 끝났습니다.

순서 기준 정렬

추가 그래프

다음은 일반적이고 유용한 다른 두 개의 그래프 예제입니다.

프로젝트별 남은 작업(태스크 개수)

이 그래프의 경우 다음을 수행해야 합니다.

1. 그래프(Graph)에서 프로젝트(Project) 선택

프로젝트별 그래프 표시

2. 표시(Display)에서 개수(Count) 선택

개수 표시

3. 상태 일치하지 않음 최종(Status is not final)으로 필터링

필터 상태

Left_to_do_per_Project__Task_Count_.png

파이프라인 단계별 남은 작업

이 그래프의 경우 다음을 수행해야 합니다.

1. 그래프(Graph)에서 파이프라인 단계(Pipeline Step) 선택

단계별 그래프 표시

2. 표시(Display)에서 개수(Count) 선택

개수 표시

3. 상태 일치하지 않음 최종(Status is not final)으로 필터링

필터 상태

Left_to_do_per_Pipeline_Step_-_Pie.png

사전 설정

몇 가지 일반적인 시각화를 시작할 수 있도록 미리 구성된 다음 네 가지 사전 설정 그래프가 있습니다.

  • 태스크 상태: 태스크의 상태를 보여 주는 파이 차트입니다.
  • 부서별 태스크: 부서별 태스크 수를 보여 주는 수직 막대 그래프입니다.
  • 엔티티별 버전: 반복(엔티티별 버전 수)을 보여 주는 수직 막대 그래프입니다.
  • 버전 상태: 버전의 상태를 보여 주는 파이 차트입니다.

이러한 사전 설정 그래프를 그대로 사용하거나 고유의 커스텀 그래프를 위한 시작점으로 사용할 수 있습니다. 부서별 태스크 그래프 및 엔티티별 버전 그래프는 상태별로 그룹 지정되어 있고 상태 색상을 사용하도록 미리 구성되어 있습니다.

전문가 팁: 사이트 속도가 느려지지 않도록 그래프의 필터를 최적화해야 합니다.
팔로우