> For the complete documentation index, see [llms.txt](https://docs.salesmap.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.salesmap.kr/data-visualization/chart/generating-chart.md). # 차트 생성하기 *** 세일즈맵 메뉴의 대시보드 > 차트 > `차트 생성` 버튼을 클릭하면, 아래 그림과 같이 차트를 생성하는 방법을 선택하는 화면이 나타납니다.

세일즈맵에서 차트를 생성하는 방식은 다음 세 가지가 있습니다. > #### ① 직접 만들기 > > 차트를 처음부터 끝까지 일일이 구성하는 방법입니다. 다소 까다롭지만 우리 기업에 꼭 맞는 차트를 생성할 수 있습니다. > > #### ② 특수 차트 만들기 > > 매출, 퍼널, MRR, 상품 매출 차트는 '직접 만들기' 방식으로는 생성할 수 없지만, B2B 팀이 자주 사용하는 차트입니다. 특수 차트는 모양은 바꿀 수 없습니다. > > #### ③ 템플릿으로 생성하기 > > 템플릿은 '직접 만들기'로도 생성할 수 있지만 사용자의 편의를 위해 세일즈맵이 제공하는 일종의 차트 양식입니다. 30여 개의 템플릿을 자유롭게 커스텀해, 차트를 쉽고 빠르게 생성할 수 있습니다. *** ## 1. 차트 직접 만들기 ### 1-1. 차트 생성 화면 {% stepper %} {% step %} 대시보드 > 차트 > `차트 생성` 버튼을 클릭해 차트 생성 화면으로 이동합니다. {% endstep %} {% step %}

차트 생성 화면에서 직접 만들기를 클릭합니다. {% endstep %} {% step %}

세일즈맵 메뉴의 대시보드 > 차트 > `직접 만들기`를 클릭하면 아래 그림과 같은 차트 생성 화면이 나타납니다.\ 차트 생성 화면에는 **❶** 차트 편집과 **❷** 차트 데이터 두 탭이 있습니다. #### **❶ 차트 편집 탭**

차트 편집 탭은 차트의 대상, 모양, X축·Y축 필드, 분류 기준, 목표, 기간 등 차트의 기본적인 구조를 설정하는 영역입니다. #### **❷ 차트 데이터 탭**

차트 데이터 탭은 차트를 클릭했을 때 나타나는 상세 데이터에 어떤 정보를 보이도록 할지, 어떤 필드를 기준으로 정렬할지 설정하는 영역입니다. {% endstep %} {% endstepper %} 지금부터는 차트 편집 탭과 차트 데이터 탭 각각의 탭에 정보를 채우고 차트를 생성하는 방법에 대해 알아봅니다. ### 1-2. 차트 편집 {% stepper %} {% step %} #### **대상 설정하기**

가장 먼저 어떤 오브젝트에 관한 차트를 만들 것인지 설정합니다. 예를 들어 '담당자별 딜 전환율'을 확인하고 싶은 경우, 대상을 딜로 설정합니다. {% endstep %} {% step %} #### **차트 모양**

차트 모양에서는 차트를 어떤 모양으로 시각화할지 선택합니다. 세일즈맵에서는 다음 10가지 모양의 차트를 그릴 수 있습니다. > 1. **수직 막대 그래프** : 항목별 값을 세로 막대로 비교할 수 있습니다. > 2. **수평 막대 그래프** : 항목별 값을 가로 막대로 비교할 수 있습니다. > 3. **선 그래프** : 값의 변화를 선으로 연결해 흐름을 보여줍니다. > 4. **영역 그래프** : 값의 변화를 면적으로 표현해 추세와 누적 효과를 보여줍니다. > 5. **원형 차트** : 전체 대비 항목별 비율을 원형으로 비교할 수 있습니다. > 6. **KPI** : 핵심 지표를 단일 수치로 강조해 보여줍니다. > 7. **게이지** : 현재 값이 목표 대비 어느 수준인지 원형 게이지로 표시합니다. > 8. **비율** : 전체 대비 특정 항목의 비중을 확인할 수 있습니다. > 9. **요약 표** : 선택한 지표의 수치를 표 형식으로 확인할 수 있습니다. > 10. **전체 데이터 표** : 선택한 지표의 원본 데이터를 표로 정리해 보여줍니다. > {% endstep %} {% step %} #### **차트 구성하기** 차트의 대상과 모양을 설정하고 나면 아래 그림과 같이 차트 구성 영역 이 나타납니다. 차트의 X축이나 Y축, 날짜의 기준으로 사용할 데이터를 설정할 수 있습니다.

> **① X축**: 차트에서 가로축(기준)으로 삼을 필드를 설정합니다. > > **② Y축**: 차트에서 세로축(값)으로 표시할 항목을 선택합니다. 계산 방식 옵션을 활용하면 기존 값을 그대로 사용하지 않고, 합계, 평균, 개수와 같이 계산된 값을 사용할 수 있습니다. {% hint style="success" %} **가로 막대 그래프에서는 X축과 Y축이 반대로 적용됩니다.** {% endhint %} > **③ 분류 기준**: 차트에 표시되는 데이터를 어떤 기준에 따라 나눌지 설정합니다. 예를 들어 월별 매출을 **상품별** 또는 **담당자별**로 구분해야 할 때 사용합니다. > > **④ 월 목표 설정**: 매달 달성해야하는 목표를 입력하여 실제 성과와 비교할 수 있습니다. 목표에는 숫자만 입력할 수 있습니다. > > **⑤ 기간 설정**: 차트에 반영하고자 하는 기간을 설정합니다. > > * 통계 기간\ > 어떤 기간의 데이터를 볼지 설정합니다. 기준으로 사용할 필드(예: 딜 생성 날짜)와 해당 필드의 어떤 구간을 볼지(예: 이번 달, 지난 분기)을 설정합니다. > * 통계 주기\ > 앞에서 설정한 통계 기간을 어떤 주기로 나누어 살펴볼지 설정합니다. 일/주/월/연 단위로 쪼개어 볼 수 있습니다. (X축이 `날짜/날짜(시간)` 유형일 경우만 사용 가능) > * 지난 기간과 비교\ > 설정한 통계 기간을 직전 통계 기간과 비교하고자 할 때 사용합니다. 옵션을 활성화하면 차트에 직전 통계 기간의 데이터가 함께 표시됩니다. > {% endstep %} > {% endstepper %} ### 1-3. 차트 데이터 편집

상세 데이터는 그림과 같이 차트가 생성된 후, 차트를 클릭했을 때 보이는 데이터를 말합니다. \ 차트 데이터 탭에서는 이때 보일 필드와 순서, 정렬 방식 등을 설정할 수 있습니다.

* 세로 열 설정: 차트 데이터에서 어떤 필드를 표시할지 지정합니다. * 정렬: 선택한 필드를 기준으로 차트 데이터를 **오름차순 또는 내림차순**으로 정렬합니다. 주어진 그림에서는 표시될 필드로 **딜의 이름**, **고객의 이름**, **회사의 이름**을 설정했고, '딜 이름을 기준으로 오름차순 정렬'을 선택했습니다. 따라서 차트를 생성한 후, 차트 그래프를 클릭하면 오른쪽과 같은 상세 데이터 팝업을 확인할 수 있습니다. ### 1-4. 차트 미리보기

차트 편집 탭에서 대상과 모양을 선택하면, 그림과 같이 차트 미리보기 영역이 나타납니다. \ 이 영역에서 현재 차트 편집 탭에서 설정한 조건이 실시간으로 시각화되어, 차트가 어떻게 생성될지 미리 확인할 수 있습니다. 차트 미리보기 영역에서는 다음과 같은 기능을 활용할 수 있습니다. {% stepper %} {% step %} #### 필터

차트에 반영할 데이터의 조건을 입력해 추려낼 수 있습니다. {% endstep %} {% step %} #### 색상 테마 설정

세일즈맵 기본 색상으로 구성된 기본 테마부터 흑백, 색상별 테마까지 차트의 색상을 다양하게 변경할 수 있습니다. {% endstep %} {% step %} #### 축 범위 설정

최솟값과 최댓값을 지정하여 해당 범위 안의 값만 차트에 표시할 수 있습니다. {% endstep %} {% step %} #### 옵션

차트 모양과 관련한 세부 설정을 적용할 수 있습니다. (일부 옵션은 차트 모양에 따라 지원되지 않습니다.) > **누적**: 차트 완쪽에서 오른쪽으로 값을 쌓아가며 누적된 값을 표시합니다. > > **스택**: Y축이 여러 개인 경우, 혹은 분류 기준을 설정한 경우 막대가 세로로 쌓이는 모양으로 차트를 표시합니다. > > **마커 점**: 차트 모양이 **선 그래프** 또는 **영역 그래프**일 때, 데이터가 있는 지점을 점으로 표시합니다. > > **데이터 값****:** 차트 위에 데이터 수치를 표시합니다. > > **xlsx/png 다운로드****:** 현재 생성 중인 차트를 png 이미지로 저장하거나, 차트를 구성하는 데이터를 xlsx 형식으로 내려받을 수 있습니다. > > {% hint style="info" %} > > #### 차트 저장 경로 > > 세일즈맵에서 다운로드 받은 차트는 다음과 같은 위치에 저장됩니다. > > 1. **엑셀 파일(.xlsx)**\ > \- xlsx 파일명 : {차트 이름}\ > \- Sheet 1 : `Chart Data` : Chart Value \ > \- Sheet 2 : `Chart Table Data` : Chart Table Dialog Data
> 2. **이미지 파일(.png)**\ > -png 파일명: {차트 이름} > {% endhint %} > {% endstep %} {% step %} #### 차트 데이터

차트 데이터 영역에서는 **현재 차트에 반영된 데이터를 표 형태로 확인**할 수 있습니다. \ 원본 데이터와 차트 결과를 비교하며 데이터가 의도대로 시각화되고 있는지 확인하는 데 사용합니다. {% endstep %} {% endstepper %} *** ## 2. 특수 차트 생성하기

매출, 퍼널, MRR, 상품 매출, 담당자별 영업 활동, 파이프라인 단계별 체류 시간 차트는 '직접 만들기'로는 생성할 수 없지만, B2B 팀이 꼭 사용하는 차트입니다. 각각의 특수 차트는 아래에서 설명해드리고 있는 매뉴얼에 따라 일부 옵션만 바꾸어 사용하는 것을 권장드립니다. {% hint style="warning" %} 유형으로 차트를 생성하는 경우 차트의 모양은 변경할 수 없습니다. {% endhint %} ### 2-1. 매출 차트

매출 차트는 **성사된 딜**과 **진행 중인 딜**의 **금액**을 **날짜별로 모아 매출 현황과 전망을 확인할 수 있는 차트**입니다. \ 매출 차트에서는 다음 정보를 확인할 수 있습니다. > * #### **확정 매출** > > 해당 날짜에 Won 처리된 딜의 금액 합입니다. > * #### **예상 매출** > > Won 처리되지 않았지만 해당 날짜에 수주 예정인 딜의 금액과 성사 가능성을 곱한 금액 합입니다. 성사 가능성은 해당 딜이 위치해 있는 파이프라인 단계에서 확인할 수 있습니다. 파이프라인 개별 단계의 가능성을 확인・수정하는 자세한 방법은 아래 문서를 참고해주세요. {% content-ref url="/pages/YkvIBqSv42Cyf2PcpSoh" %} [파이프라인 관리](/settings/object-management/pipeline.md) {% endcontent-ref %} ### 2-2. 퍼널 차트 퍼널 차트는 딜이나 고객이 어떤 단계나 상태에 분포해 있는지 깔때기(Funnel)형태로 확인할 수 있는 차트입니다. 퍼널 차트는 수직 퍼널 차트과 수평 퍼널 차트, 두 가지 형태로 생성할 수 있습니다. 퍼널 차트 생성 방법은 다음과 같습니다.

{% stepper %} {% step %} `+ 차트 생성` 버튼을 클릭한 후, 상단 특수 차트에서 ‘퍼널’ 차트를 선택합니다. {% endstep %} {% step %} 고객, 딜, 리드, 커스텀 오브젝트 중 퍼널 차트로 생성할 대상을 선택합니다. {% endstep %} {% step %} 퍼널 차트에 표시할 파이프라인 단계를 선택합니다. {% endstep %} {% step %} 통계 기간을 설정해 조회할 데이터 범위를 지정합니다. {% endstep %} {% endstepper %} 퍼널 차트에서는 다음 정보를 확인할 수 있습니다.

> #### ① 단계 이름 > > 퍼널 각 단계의 이름입니다. > > #### ② 수치 > > 차트에서 다루고 있는 대상이 각 단계를 얼마나 지나쳐갔는지 보여줍니다. > > #### ③ 전체 대비 전환율 > > 전체 개수 중에서 얼마나 많은 대상이 해당 단계로 전환되었는지 보여줍니다. > > #### ④ 이전 단계 대비 전환율 > > 바로 직전 단계에 있던 대상 중 얼마나 많은 대상이 해당 단계로 이동했는지 보여줍니다. {% hint style="warning" %} #### 전체 대비 전환율과 이전 단계 대비 전환율 전체 대비 전환율: 퍼널 차트에서 다루는 딜의 개수가 총 500개이고, 그 중 20개가 성사 단계에 도달했다면 성사 단계의 전체 대비 전환율은 4%가 됩니다.\ \ 이전 단계 대비 전환율: 성사 바로 전 단계인 견적서 발송 단계에 딜이 95개 있었다면, 이전 단계 대비 전환율은 20/95, 즉 21.1%가 됩니다. {% endhint %} ### 2-3. MRR 차트 MRR(Monthly Recurring Revenue) 차트는 월마다 정기적으로 발생하는 반복 매출을 시각화하는 차트로, 구독 상품을 판매하는 회사의 매출 흐름을 파악하는데 유용합니다.

**MRR 차트에서는 다음과 같은 정보를 확인할 수 있습니다.** > * **유지 MRR**: 기존의 구독에서 발생한 매출 > * **신규 MRR**: 이번 달에 새롭게 추가된 구독에서 발생한 매출 > * **이탈 MRR**: 이번 달에 종료된 구독으로 인해 감소한 매출 > * **총 MRR** : 기존 MRR과, 새로운 MRR, 이탈된 MRR을 모두 고려하여 계산된 순매출 흐름 이처럼 MRR 차트를 활용하면 회사의 구독 매출 흐름이 어떻게 변화하고 있는지 직관적으로 확인할 수 있습니다. \ MRR 차트는 딜 오브젝트의 다음 필드를 사용합니다. ① 월 구독 금액 ② 구독 시작 날짜 ③ 구독 종료 날짜 ④ 구독 시작 유형 ⑤ 구독 종료 유형 MRR 차트에 사용되는 필드에 대한 자세한 정보는 아래 문서에서 확인하실 수 있습니다. {% content-ref url="/pages/GWmwzFrqTHHlouWNMm3r#id-6.-mrr" %} [/pages/GWmwzFrqTHHlouWNMm3r#id-6.-mrr](https://docs.salesmap.kr/data-visualization/chart/pages/GWmwzFrqTHHlouWNMm3r#id-6.-mrr) {% endcontent-ref %} #### 2-3-1. 예시로 보는 MRR 차트 MRR 차트는 차트를 생성하는 방법보다 차트에 쓰일 딜 카드를 생성하고 정보를 입력하는 방법이 다소 까다롭습니다. {% hint style="info" %} #### 구독 시작 유형과 구독 종료 유형의 관계 세일즈맵에서는 기존 계약의 조건이 바뀌면, 기존 딜의 금액을 수정하는 것이 아니라, 기존 딜을 종료하고 **새 딜을 생성합니다.** * **계약이 업그레이드 되는 경우** * 기존 딜의 **구독 종료 유형** → `업그레이드` * 새로 만든 딜의 **구독 시작 유형** → `업그레이드` → 새 딜 금액에서 기존 딜 금액을 뺀 차액이 **신규 MRR**로 집계됩니다. * **계약이 다운그레이드 되는 경우** * 기존 딜의 **구독 종료 유형** → `다운그레이드` * 새로 만든 딜의 **구독 시작 유형** → `다운그레이드` → 기존 딜 금액에서 새 딜 금액을 뺀 차액이 **이탈 MRR**로 계산됩니다. * **계약이 같은 조건으로 갱신되는 경우** * 기존 딜의 **구독 종료 유형** → `갱신` * 새로 만든 딜의 **구독 시작 유형** → `갱신` → 금액 변화는 없지만, 계약이 이어지는 형태로 기록됩니다. {% endhint %} 구독 상품을 판매하는 회사의 예시를 통해 상황에 따라 딜 정보를 어떻게 입력하면 되고, 이에 따라 MRR 차트는 어떻게 변화하는지 확인해보겠습니다. ① 2024년 1월 1일, A회사가 매월 150만 원, B회사가 매월 100만 원을 납입하는 구독 상품 계약을 체결했다면, 각 딜에는 다음과 같이 입력할 수 있습니다. 이때 MRR 차트에서는 A회사의 매출 150만 원과 B회사의 100만 원을 합한 250만원이 매달 MRR로 표시되며,\ 두 딜의 구독이 시작된 1월에는 새로운 MRR로 표시됩니다.

**②** 그런데 2024년 2월 1일 A회사에서 구독을 해지하고, B 회사에서 50만 원을 추가 결제 총 MRR이 200만원이 되었습니다. 이때 기존의 딜은 다음과 같이 종료합니다. * A 회사\ → 구독 종료일: 2025년 2월 1일 / 구독 종료 유형: 이탈 * B 회사\ → 구독 종료일: 2025년 2월 1일 / 구독 종료 유형: 업그레이드 이후 서비스 이용을 중단한 A 회사는 그대로 두고, B회사는 총 200만원을 체결하는 구독으로 새로 딜을 생성합니다.\ 새로 생성된 B회사의 딜은 다음과 같이 구독 시작 정보를 입력합니다. * B 회사\ → 구독 시작일: 2025년 2월 1일 / **구독 시작 유형: 업그레이드** 이제 MRR 그래프는 아래와 같이 나타나게 됩니다.

이러한 방식으로 구독 모델의 매출을 관리하면, 매달의 구독 매출 변화를 효과적으로 파악할 수 있습니다.\ 구독의 시작과 종료, 금액 변동 등 모든 사항을 반영하여 회사의 수익 구조를 더 정확하게 분석해보세요. ### 2-4. 상품 매출 차트 상품 매출 차트는 Won으로 처리된 딜의 매출을 상품별로 분류하여 시각화합니다. 상품 매출 차트를 활용하면 어떤 상품이 가장 높은 매출을 가져다주고 있는지, 우리 회사의 주력 상품이 무엇인지 한눈에 파악할 수 있습니다. 예를 들어, 광고 대행사인 A 기업에 5가지 광고 상품이 있다고 가정해보겠습니다. * ① 로컬타겟 광고, ② 디지털디스플레이 광고, ③ 클릭스루 광고, ④ 소셜미디어 캠페인, ⑤ 콘텐츠네이티브 광고 이 5가지 상품을 등록했을 때, 상품 매출 차트를 생성하면 5개의 상품 중 어느 상품이 가장 많은 매출을 발생시키는지 분석할 수 있습니다.

### 2-5. 담당자별 영업 활동 차트 담당자별 영업 활동 차트는 노트 작성, 완료 TODO, 이메일 발송, 미팅 성사 등의 영업 활동을 모아볼 수 있는 차트입니다. 지금부터 ‘담당자별 영업 활동’ 차트를 활용해, 지난해 세일즈팀의 영업 히스토리를 확인하는 방법을 살펴보겠습니다.

{% stepper %} {% step %} `+ 차트 생성` 버튼을 클릭한 후, 상단 특수 차트에서 ‘담당자별 영업 활동’ 차트를 선택합니다. {% endstep %} {% step %} 수직 막대 그래프, 수평 막대 그래프, KPI, 요약 표 중 원하는 차트 모양을 선택합니다. {% endstep %} {% step %} 차트에 표시할 담당자를 선택합니다. * 세일즈팀에 해당하는 담당자를 선택합니다. {% endstep %} {% step %} 노트 작성, TODO 완료, 이메일 발송, 미팅 성사 중 차트에서 제외할 활동을 선택합니다. {% endstep %} {% step %} 통계 기간을 설정해 조회할 데이터 기간 범위를 지정합니다. * 지난해를 통계 기간으로 설정합니다. {% endstep %} {% endstepper %} \*완료 TODO와 미팅 성사는 생성한 담당자를 기준으로 합니다. \*이메일 발송은 시퀀스, 워크플로우 등 자동화된 메일을 제외한, 수동 발송 이메일만 포함됩니다. ### 2-6. 파이프라인 단계별 체류 시간 파이프라인 단계별 체류 시간 차트는 각 단계에 머무른 평균 시간을 수직 또는 수평 막대 그래프로 확인할 수 있는 차트입니다.

{% stepper %} {% step %} `+ 차트 생성` 버튼을 클릭한 후, 상단 특수 차트에서 ‘파이프라인 단계별 체류 시간’ 차트를 선택합니다. {% endstep %} {% step %} 수직 막대 그래프, 수평 막대 그래프 중 원하는 차트 모양을 선택합니다. {% endstep %} {% step %} 차트에 표시할 파이프라인을 선택합니다. {% endstep %} {% step %} 평균 체류 시간을 확인할 파이프라인 단계를 선택합니다. {% endstep %} {% step %} 통계 기간을 설정해 조회할 데이터 범위를 지정합니다. {% endstep %} {% endstepper %} *** ## 3. 템플릿으로 차트 생성하기 템플릿은 '직접 만들기'로도 생성할 수 있지만 사용자의 편의를 위해 세일즈맵이 제공하는 일종의 차트 양식입니다. 30여 개의 템플릿을 자유롭게 커스텀하여 차트를 쉽고 빠르게 생성할 수 있습니다. {% stepper %} {% step %} 대시보드 > 차트 > `차트 생성` 버튼을 클릭해 차트 생성 화면으로 이동합니다. {% endstep %} {% step %}

템플릿으로 생성 영역에서 목적에 맞는 템플릿을 선택합니다. {% endstep %} {% step %}

템플릿을 찾기 어려운 경우 차트의 대상, 차트 모양, 차트 이름 등으로 템플릿을 검색할 수도 있습니다. {% endstep %} {% step %}

생성을 원하는 템플릿을 클릭하면 생성 화면으로 이동합니다. 편집이 필요한 경우, 편집 방법은 차트 직접 만들기와 동일합니다. 아래 문서를 참고해 주세요. {% endstep %} {% endstepper %} {% content-ref url="/pages/3wKSmAx5mkcEdBGVhBIx" %} [차트 생성하기](/data-visualization/chart/generating-chart.md) {% endcontent-ref %}