태블로 따라하기

수주/매출 달성률을 동시에 표현하는 막대그래프

태블로 그까짓거 껌이지 2019. 6. 28. 12:17

안녕하세요? 

이번에는 "월목표를 수주와 매출이 각각 어떻게 달성하고 있는지를 표현하는 막대그래프"를 그려보겠습니다.

따라서 배우다보면 아래와 같은 그래프를 완성하게 됩니다.

 

※ 이 차트는 퍼시스 사업기획팀에서 사용하고 있습니다.

 

이 그래프는 아래의 질문에 대한 답을 표현하기 좋아요.


[내가 궁금한 것은?]

1. 매월 각 사업소별로 수주금액과 매출금액은 목표를 어느 정도 달성했는가?


확인할 내용은 매우 간단하죠.

 

이 그래프는 언뜻 보면 '목표 달성률을 표현하는 막대그래프'와 동일하게 보일거예요. 데이터도 비슷한 것 같고요.

하지만 그래프를 만드는 과정에 숨어있는 차이가 있답니다.

그 과정은 동영상에서 자세히 설명을 드리겠습니다.

 

오늘도 역시 데이터는 두 종류가 필요합니다.

 

1. 수주/매출 실적데이터

: 일반적인 데이터지만, 수주와 매출 중 하나의 데이터만 볼 때와 다른 종류의 데이터를 사용합니다. 날짜 기준으로 수주와 매출 금액이 모두 적힌 형태의 데이터를 사용해요.

2. 목표 데이터(월별/사업소별)

: 작성 후 BPR팀에 업로드를 요청해주셔야 태블로에서 쓸 수 있어요.

 

오늘 차트는 퍼시스 사업기획팀에서 사용하고 있는 차트기 때문에 퍼시스의 수주/매출 실적 데이터를 가지고 만들어보려고 합니다.

2010년 한 해 동안의 수주와 매출 실적을 가지고 위의 그래프를 그려보도록 해요.

 

그럼 시작해볼까요?

 

 

 

 

1. 데이터 세팅하기

...더보기

 

   (1) 태블로 사이트 접속 : bi.fursys.com

   (2) 아이디/패스워드로 로그인

   (3) '탐색 → 99. Tableau sample  → 태블로 그까짓거 껌이지! → 수주/매출 달성률을 동시에 표현하는 막대그래프

           →1. 수주/매출 실적데이터' 이동, [새 통합 문서] 클릭

   (4) [새 데이터 원본 ] → '2. 목표 데이터(월별/사업소별)' 클릭 → [데이터 원본 추가] 클릭

   (5) 각 데이터 원본에 있는 차원의 이름 바꾸기

        : '1. 수주/매출 실적사업소' 의 '실적사업소'를 '사업소'로, '2. 목표 데이터(월별/사업소별)'의 '목표 일자'를 '일자'로 변경

     : 두 데이터 원본 간의 차원명을 같게해서 같은 차원을 기준으로 데이터를 연결하고자 함

 

 

2. 막대그래프 그리기 (3:28~)

...더보기

 

   (1)[사업소], [수주금액], [매출금액] 동시 선택 : [Ctrl] 키를 누른채 선택

   (2)'표현방식'에서 가로로 나열되어 비교하는 막대그래프 선택

   (3) [사업소]를 끌어서 필터에 놓기

   (4) 원하는 사업소만 선택한 후, 필터 보기 방식을 '다중값(드롭다운)'으로 변경

     : 자주 변경하지 않을 사업소 내역이 나열되어 복잡해보이는 것을 정리하는 작업

   (5)[매출금액], [수주금액]을 동시에 선택([Ctrl] 키를 누른채 선택)하여 행의 [측정값] 오른쪽 옆에 놓기

     : 한 화면에 여러 그래프를 동시에 그리면, 필터 아래의 마크카드가 '각각의 그래프 개수'+'전체'만큼 만들어짐

     : 각각의 마크카드는 해당 그래프의 표시 항목을 나타내고, '전체' 마크카드는 모든 그래프의 표시 항목을 한번에 제어할 수 있음

   (6)행에서 [측정값]은 밖으로 끌어서 제거한 다음, 가장 오른쪽에 있는 [수주금액]의 ▼을 클릭하여 '이중축' 항목을 선택

     : 이중축 - 두 개의 그래프를 양쪽에 서로 다른 축을 사용하여 하나처럼 보이게 하는 기능

   (6) '전체' 마크가드의 드롭다운 메뉴에서 '자동'으로 되어 있는 표현방식을 '막대'로 변경

   (7)우측 축 오른쪽 상단의 작은 ▼을 클릭하여 '축편집'메뉴로 이동 후, '이중 축 동기화'를 체크하여 양 축의 눈금 크기를 동일하게 맞춤

 

 

3. 목표값 표현하기 (9:15~)

...더보기

 

   <목표값 표현하기>

   (1) '2. 목표데이터(월별/사업소별)' 선택 후, [사업소], [일자] 연결 활성화

   (2) [목표금액]을 끌어서 '전체' 마크카드의 '세부정보'로 끌어놓기

     : 나중에 [목표금액]을 그래프 축에 영향을 주지 않고 표현하는데 사용하고자 하는 장치 개념

   (3) '분석' 탭에 [참조선]을 끌어다가 '패널' 항목의 [합계(매출금액)] 위에 놓기

     : 수주와 매출 모두 동일한 목표를 기준으로 비교할 것이기 때문에 둘 다 하나의 라인으로 표현하기 위해서 '패널'을 선택

     : 화면에 보이는 그래프는 수주그래프와 매출그래프 2개이므로 어느 쪽에 그릴지를 선택해야하는데,

         수주와 매출 모두 선택하면 같은 분석 라인이 이중으로 그려지기 때문에 [합계(매출금액)]이나 [합계(수주금액)],

        둘 중의 하나만 선택되게 참조선을 끌어놓음

   (4) '값'에서 '합계(목표금액)' 선택

   (5) '레이블'에서 '값' 선택

 

   <월별 필터 만들기>

   (1) '1. 수주/매출 실적데이터'의 [일자]를 마우스 오른쪽으로 클릭한 뒤 드래그하여 '필터' 항목에 놓기

     : 데이터를 오른쪽 클릭하여 드래그한 뒤 끌어놓을 경우, 데이터 형식을 선택할 수 있는 팝업창이 나타남

   (2) '#개월'을 선택한 후 필터 형식을 '단일값(슬라이더)'로 변경

     : '단일값(슬라이더)'는 필터의 내용의 일정한 흐름을 나타낼 때(예, 시간의 흐름) 흐름을 보기에 편리함 

 

 

4. 목표달성률 표시하기 (13:05~)

...더보기

 

   '1. 수주/매출 실적데이터'의 [매출금액]의 ▼을 클릭, '만들기'의 '계산된 필드...'를 선택

     : '차원' 우측의 ▼를 클릭하여 만드는 '계산된 필드 만들기'와 동일하나,

       먼저 필드를 선택하면 선택한 필드가 계산식 입력 창에 미리 입력되어 있음

   (2) 계산식 이름을 '매출 목표 달성률'로 바꾸고 계산식을 입력한 후 '적용', '확인' 클릭

     : sum([매출금액]) / sum([2. 목표 데이터(월별/사업소별)].[목표금액])

     : 뒤에 있는 목표금액 부분의 계산식은 '2. 목표 데이터(월별/사업소별)'의 [목표금액]을 끌어다가 계산식 창에다 넣으면

        자동으로 sum( ) 계산식 표현이 됨

     : 서로 다른 두 개의 데이터 원본의 항목을 섞어서 계산을 할 경우에는 데이터를 연결하는 기준으로

       계산하고자하는 여러 데이터를 집계하여 인식하기 때문에 자동을 sum( )이 붙음

     : 집계 - 여러 데이터를 그룹으로 했을 때 사용할 수 있는 수식(ex. 합계, 평균, 최대값, 최소값 등)

   (3) 만들어 진 [매출 목표 달성률]을 '합계(매출금액)' 마크카드의 '레이블'위에 끌어 놓기

   (4) 동일한 방법으로 [수주금액]도 달성률 계산 필드를 만들어서 표현

 

 

5.보기 좋게 다듬기 (17:35~)

...더보기

 

   <숫자 표현 바꾸기>

   (1) '전체' 마크카드에 있는 [합계(목표금액)]의 ▼을 클릭, '숫자 서식' 클릭

   (2) 숫자 유형을 '숫자' 소수 자릿수는 0, 단위는 '백만(M)'을 선택후 바깥쪽 클릭

   (3) '합계(매출금액)' 마크 카드의 [매출 목표 달성률]에서 ▼를 클릭, '숫자 서식' 클릭

   (4) 숫자 유형을 '백분율' 선택, 소수 자릿수를 1로 둠

   (5) '합계(수주금액)' 마크카드에서 [수주 목표 달성률]도 위의 (3),(4)의 과정 반복

 

   <수주,매출 순서 바꾸기>

   (1) 열에 있는 [측정값 이름]의 ▼ 클릭, '정렬' 클릭

   (2) 정렬 순서를 '내림차순' 선택

 

   <금액 표현 세로축 정리하기>

   (1) 행에 있는 [합계(수주금액)]의 ▼을 클릭하여 '머리글 표시'를 클릭, 체크를 해제

   (2) 왼쪽의 축 오른쪽 상단에 있는 작은 ▼을 클릭, '축편집...' 메뉴로 이동

   (3) 축제목 부분의 '제목'을 지우고 빈 칸으로 둔 채 창 닫기

 

   <화면 맞추기>

   (1) 화면 '너비 맞추기' 선택

 

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

 

 

 

오늘 따라하기 어떠셨나요?

중간에 조금 어려운 개념 설명이 있었는데요. 무사히 그래프 완성에 성공하셨길 빕니다.

그리고 완벽히 이해하지 못하셨더라도 괜찮습니다.

이 곳에 질문을 남겨주시거나, 저희 팀으로 언제든 연락을 주시면 자세히 설명을 해드릴께요.

 

오늘도 수고하셨어요~!