본문 바로가기

태블로 따라하기

업종별 수주 비율을 확인하는 도넛차트

안녕하세요~

 

오늘은 이름도 귀여운 도넛차트를 그려볼 예정입니다.

도넛차트는 이름 그대로 도넛 모양으로 가운데가 뻥 뚤린 형태의 차트예요. 파이차트(원형차트)와 거의 동일하지만, 가운데 비어있는 영역에 추가적으로 내용을 기입할 수 있기 때문에 활용도가 조금 더 높다고 할 수 있죠.

 

※ 이 차트는 퍼시스 사업기획팀에서 사용하는 것을 응용한 버전입니다.

 

위에 표시된 차트를 보면 각 업종별 수주액 비율도 표시되어 있지만, 가운데 흰 영역에 전체 수주금액도 표시가 되어 있어요.

이런 식으로 도넛 차트는 가운데 영역을 유용하게 사용할 수 있습니다.

그래서 아래와 같은 상황에서 사용하면 좋습니다.

 


[내가 궁금한 것은?]

1. 전체 수주액 중에서 각 업종별로 차지하는 비율이 어떻게 되는지를 전체 수주액과 같이 볼수 있을까?


부가적은 설명은 더 필요 없을 정도로 표현이 명쾌한 차트예요.ㅎㅎㅎ

그럼 각설하고 도넛차트 그리기, 시작합니다!!

 

 

 

 

단계별 작업

...더보기

 

   <도형 그리기>

   (1) 데이터원본에 접속하고 새 통합문서 열기

   : 사이트(bi.fursys.com) 접속 → 탐색  → 99. Tableau sample → 태블로 그까짓거 껌이지! → 업종별 수주 비율을 확인하는 도넛차트

   (2) [대분류(그룹)], [수주액]을 동시에 선택한 뒤, '표현방식'의 '파이차트' 클릭한 뒤 맞춤의 '전체보기'로 확대

   (3) 화면의 내림차순 정렬 아이콘 클릭하여 정렬

   (4) [레코드 수] 측정값을 끌어다가 '열' 위에 올려놓고, ▼을 눌러 '측정값'을 '최소값'으로 선택

   (5) 마크의 크기를 클릭한 후, 슬라이드바를 조절하여 화면의 차트 크기를 조절

   (6) '열'에 놓인[최소값(레코드 수)]를 [Ctrl]을 누른 상태에서 드래그하여 '열' 위에 놓기

     : [Ctrl]을 누른 상태로 드래드하면 해당 내용이 복사가 됨

   (7) 뒤에 위치한 [최소값(레코드 수)]의 ▼을 눌러 '이중 축'을 선택

   (8) 차트 위에 있는 축 오른쪽 상단의 ▼을 눌러 '축 편집'으로 이동한 다음 '이중축 동기화' 체크 후 닫기

   (9) 열 선반 위의 모든 항목의 ▼을 눌러 '머릿글 표시'와 '도구설명에 포함'을 해제

   (10) 마크 영역의 마지막에 있는 '최소값(레코드 수)(2)'를 선택하여 색상-[대분류 (그룹)], 각도-[합계(수주액] 필드를 마크 바깥쪽에 끌어 제거

   (11) 측정값의 [레코드 수]를 끌어 크기-[합계(수주액)] 위에 놓아서 값 변경하고 '측정값'을 '최소값'으로 변경

   (12) 마크카드의 '색상'을 '흰색', '크기'를 작게 조정하여 도넛모양으로 화면에 표시되게 설정

 

   <텍스트 표현하기>

   (13) 마크 부분의 중간에 있는 '최소값(레코드 수)'를 선택한 후, '측정값'의 [수주액]을 끌어서 '레이블' 위에 올려놓기

     : 전체 수주액 대비 각 업종의 수주액을 비율로 표기할 것이기 때문에 [수주액]을 레이블 항목으로 우선 설정

   (14) 생성된 레이블의 [수주액]의 ▼을 눌러 '퀵 테이블 계산'의 '구성비율'을 클릭, '숫자 서식'의 백분율에서 소수점 자리수를 1자리로 설정

   (15) '차원'의 [대분류(그룹)]의 오른쪽 ▼을 눌러 '만들기', '그룹...' 선택, 하나의 항목씩 선택하여 그룹을 만들어 이름 재설정하고 '대분류(이름)'으로 필드명 지정

     : 특정 차원에 입력된 데이터의 값을 수정하고 싶을 경우(ex.이름 변경), '그룹 만들기' 기능을 활용

   (16) 생성된 [대분류{이름)]을 마크의 '레이블'위로 끌어놓기

   (17) 마크의 '최소값(레코드 수)(2)'를 선택한 후, '측정값'의 [수주액]을 끌어 '레이블' 위에 놓고 생성된 레이블-[합계(수주액)]에서 '숫자 서식' 변경

     ※ 원 안의 텍스트를 강조하고 싶을 경우, 작성할 내용을 '마크'의 '세부정보'에 끌어 놓은 후, 차트 영역에서 흰 원을 선택하고 마우스 우클릭하여 '마크 주석 추가' 기능을 이용하여 기입

 

※ 단계별 설명 파일 새창에서 열기

 

 

 

자 도넛차트, 빠르게 그려봤어요.

강의가 좀 짧았죠?(그래서 더 좋았을수도..ㅎㅎ)

 

아쉬운 분들을 위해, 꿀팁 영상을 하나 더 준비했습니다!!

도넛 차트는 비율만 표시하는 게 아니라는 거, 알고 계신가요? 

아래 강의는 도넛차트 형태를 이용해서 다른 내용을 표현해볼 거예요.

 

도넛 차트 그리는 법을 손에 익힐겸, 다른 활용 사례도 공부할 겸

아래 내용도 따라서 해보세요~!

 

 

 

 

도넛차트 꿀팁! KPI 달성률 표현하기

이전 강의에서 도넛차트를 한번 같이 그려봤어요. 그 강의에서는 항목별 비율을 표현해서 비교하는 용도로 사용했지만, 도넛차트는 구성 비율을 표현하는 것 외에 또 하나의 자주 사용되는 용도가 있습니다...

easy-tableau.tistory.com