그래프 위젯을 사용하면 여러 그래프 유형에서 선택하여 필터링된 레코드 그룹을 시각화할 수 있습니다. 데이터에 가장 적합한 시각화 유형(예: 막대, 선, 영역, 단계 및 파이)을 선택할 수 있습니다. 그래프 위젯을 통해 프로젝트 또는 부서의 파이프라인 단계에 남아 있는 태스크 수를 쉽게 파악할 수 있습니다.
이 단계별 튜토리얼에서는 기한이 지난 태스크를 보여 주는 그래프를 만드는 방법을 다룹니다. 프로젝트에 수행할 작업이 남은 태스크의 기간 및 부서별로 수행할 작업이 남은 태스크와 같은 다른 일반 그래프의 예제도 제공합니다.
참고: 그래프는 그래프로 선택하는 엔티티의 하위 세트를 표시합니다. 예를 들어 아래 그래프는 파이프라인 단계별 최종 태스크 수를 보여 줍니다.
1단계: 그래프 위젯을 추가합니다.
페이지에 그래프 위젯을 추가하려면 + 페이지(+ page) 버튼을 통해 새 페이지를 만들고 유형으로 캔버스(Canvas)를 선택합니다.
기존 페이지의 경우 페이지 설정(Page Settings)에서 디자인 페이지(Design Page)를 선택한 다음 새 뷰(New View)를 만들고 뷰 유형(View Type)에서 캔버스(Canvas)를 선택합니다.
2단계: 그래프 위젯을 뷰로 드래그 앤 드롭합니다.
3단계: 그래프로 표시할 엔티티를 선택합니다.
드롭다운 목록을 사용하여 그래프로 표시할 엔티티를 선택합니다. 이 튜토리얼에서는 태스크를 선택합니다.
그래프로 표시할 엔티티를 변경해야 할 경우 위젯 내의 엔티티 유형 드롭다운에서 변경할 수 있습니다.
4단계: 그래프 이름을 지정합니다.
5단계: 그래프로 표시할 내용을 결정합니다.
- 파이프라인 단계별로 기한이 지난 태스크를 보려면 "그래프(Graph)"에서 파이프라인 단계(Pipeline Step)를 선택합니다.
- "표시(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)으로 필터링
파이프라인 단계별 남은 작업
이 그래프의 경우 다음을 수행해야 합니다.
1. 그래프(Graph)에서 파이프라인 단계(Pipeline Step) 선택
2. 표시(Display)에서 개수(Count) 선택
3. 상태 일치하지 않음 최종(Status is not final)으로 필터링
사전 설정
몇 가지 일반적인 시각화를 시작할 수 있도록 미리 구성된 다음 네 가지 사전 설정 그래프가 있습니다.
- 태스크 상태: 태스크의 상태를 보여 주는 파이 차트입니다.
- 부서별 태스크: 부서별 태스크 수를 보여 주는 수직 막대 그래프입니다.
- 엔티티별 버전: 반복(엔티티별 버전 수)을 보여 주는 수직 막대 그래프입니다.
- 버전 상태: 버전의 상태를 보여 주는 파이 차트입니다.
이러한 사전 설정 그래프를 그대로 사용하거나 고유의 커스텀 그래프를 위한 시작점으로 사용할 수 있습니다. 부서별 태스크 그래프 및 엔티티별 버전 그래프는 상태별로 그룹 지정되어 있고 상태 색상을 사용하도록 미리 구성되어 있습니다.
전문가 팁: 사이트 속도가 느려지지 않도록 그래프의 필터를 최적화해야 합니다.