최초 작성일: 2025-01-26
최종 수정일: 2026-09-23
조회수: 46 회
작성자: 권현욱 (엑셀러)
강의 제목: 구분이 가운데 있는 쌍 가로막대형 차트

들어가기 전에

오래 전 엑셀 파일로 진행하던 강의를 웹 글로 복원한 것이라, "버튼을 눌러보세요"처럼 엑셀에서 직접 조작하라는 표현이 남아 있을 수 있습니다. 결과는 본문의 그림이나 표로 확인하실 수 있으며, 현재와 맞지 않는 내용은 보완하되 전반적인 스타일은 당시의 갬성(?)을 유지했습니다.

사회 초년 시절부터 '아이엑셀러'에서 유익한 정보로 배우고 있습니다. 한동안 사이트에 들어가지 않다가 최근 다시 들어오게 되었는데 여전히 계속하시는 것을 보고 반가웠습니다. 최근 차트 강좌 잘 봤습니다. 차트에 대해 막연하게 생각하고 있던 내용들이 잘 정리되어 있어 좋았습니다.

강좌에서 소개하신 차트 중에서 '쌍 가로막대 차트'의 모양을 다르게 만들 수는 없을까요? 인터넷에 보면 차트 중간에 글자가 있고 그 좌우에 막대가 있는데 그런 형태로 만들 수는 없을까요? 어떻게 표현해야할 지 말하는 저도 헷갈리는데, 혹시 이해가 되신다면 힌트라도 부탁드립니다...(중략)...

얼마 전 강좌에서 '차트 종류와 용법'에 대해 소개하였는데 이런 질문을 주신 분이 있습니다. 지난 시간의 '쌍 가로막대 차트'라면 아마도 아래 차트인가 봅니다.

[차트 1] 두 계열이 같은 방향으로 뻗어나가는 기존의 쌍 가로막대형 차트

아이엑셀러

이것을 아래의 [완성 예]와 같은 형태로 만들고 싶다는 질문이시지요? 만약 이것이 아니라면 다시 질문 주세요.

아이엑셀러

인터넷에서뿐만 아니라 실무에서도 많이 사용할 수 있을 법한 차트 형태라고 생각됩니다. 오늘 아침만 하더라도 어느 일간지에도 이런 차트가 등장했군요.

이번 시간에는 이렇게 생긴 차트를 만드는 방법에 대해 알아보겠습니다.

저자: 권현욱(엑셀러), 아이엑셀러 대표

필자는 Excel 컨설턴트, 작가, 그리고 크리에이터입니다. 현재 Microsoft Excel MVP이며, 『챗GPT+엑셀 업무자동화 정석』을 비롯한 10여 권의 도서를 집필했습니다. Excel 자동화 및 생산성 향상 분야에서 25년 넘는 경력을 보유하고 있습니다.

권현욱(엑셀러) 님의 최신 포스트:

최신 글을 불러오는 중...

'구분'이 가운데 들어 있는 쌍 가로막대형 차트 만들기

핵심 요약: 여백 데이터 + 100% 누적 막대형으로 만들기

원본 데이터에 좌 여백·가운데·우 여백 필드를 추가해 100% 기준 누적 가로 막대형 차트를 만든 뒤, 여백·가운데 계열을 채우기 없음으로 처리하면 완성됩니다.

1단계: 좌여백(=0.5-값), 가운데(고정폭), 우여백(=0.5-값) 필드 추가
2단계: 100% 기준 누적 가로 막대형 차트 생성
3단계: 가운데·좌우 여백 계열을 채우기 없음, 선 없음으로 처리
4단계: 가운데는 항목 이름 레이블, 실제 계열은 값 레이블 추가

Step 1: 기초 자료 준비

(1) 아래 왼쪽 표를 가지고 '가로 막대형 차트'를 만들면 오른쪽과 같은 형태가 됩니다.

아이엑셀러

차트 구성 요소나 계열 서식을 아무리 조정해 봐도 [완성 예]와 같은 형태는 나오지 않습니다. 그렇다면 이것은 어떻게 만들었을까요? 차트 얘기만 나오면 Exceller가 반복해서 떠들던 멘트가 있습니다.

데이터와 차트는 물체와 그림자의 관계와 비슷하다. 그림자 모양을 바꾸려면 그림자가 아니라 물체에 접근해야 한다.(Exceller)

아이디어가 번쩍 떠오르죠?(그럴 줄 알았습니다^^) 바로... 차트 서식을 건드리는 것이 아니라 원본 데이터 형태를 바꿔주어야 합니다.

(2) '유형별 시장점유율 비교' 테이블을 다음과 같이 만듭니다.

아이엑셀러

원본 데이터(색칠한 부분) 외에 세 개의 필드를 추가하였습니다. '좌 여백'과 '우 여백'은 가로 막대가 표시되지 않는 왼쪽과 오른쪽 빈 공간을, '가운데'는 제품 유형을 표시할 공간을 의미합니다.

B20과 F20 셀에 다음 수식을 입력하고 수식을 아래로 복사합니다.

B20: =0.5-C20
F20: =0.5-E20

위 표의 경우에는 시장점유율이 50%를 넘는 경우가 없어서 이런 수식을 작성했습니다. 만약 50%를 넘는다면 수식을 '1-C20' 이렇게 수정하면 됩니다.

(3) '가운데' 부분은 A열에 있는 '구분'을 표시하기 위한 공간을 마련해 주기 위한 겁니다. 현재는 15%로 설정되어 있는데, 공간이 더 필요하면 이 값을 더 큰 값으로 지정하면 됩니다.

Step 2: 차트 설정 변경

(1) 이제 차트를 작성합니다. A19:F26 영역을 범위로 지정하고 '100% 기준 누적 가래 막대형' 차트를 선택하면 아래와 같은 차트가 만들어집니다.

100% 기준 누적 가로 막대형으로 만든 초기 차트 - 5개 구간이 모두 보임

아이엑셀러

(2) 차트 색상을 변경하고, '차트 제목'과 '범례'를 제외한 나머지 차트 요소는 제거합니다.

(3) '가운데' 계열(세 번째)을 마우스 오른쪽 버튼으로 클릭하고 '데이터 계열 서식' 메뉴를 선택한 다음, '채우기 없음', '선 없음'으로 설정합니다.

(4) '가운데' 계열이 선택된 상태에서 마우스 오른쪽 버튼을 클릭하고 '데이터 레이블 추가' 메뉴를 선택합니다. 그러면 레이블 값(이 경우에는 '15%')이 표시됩니다. 다시 한 번 '가운데' 레이블을 마우스 오른쪽 버튼으로 클릭하고 '데이터 레이블 서식' 메뉴를 선택합니다. '레이블 내용 - 항목 이름'에만 체크 표시를 해줍니다.

아이엑셀러

(5) 이번에는 '좌 여백' 계열을 마우스 오른쪽 버튼으로 클릭하고 '데이터 계열 서식' 메뉴를 선택합니다. '데이터 계열 서식' 대화상자에서 '채우기 없음'과 '선 없음' 항목을 선택합니다.

(6) 같은 방법으로 '우 여백'에 대해서도 '채우기 없음', '선 없음' 항목을 선택하면 차트 모양이 다음과 같이 됩니다. 오... 우리가 만들고자 하는 차트와 점점 비슷한 모양이 돼 가는군요.

아이엑셀러

(7) '자사' 계열을 마우스 오른쪽 버튼으로 클릭하고 '데이터 레이블 추가' 메뉴를 선택합니다. 추가된 데이터 레이블을 마우스 오른쪽 버튼으로 클릭하고 '데이터 레이블 서식' 메뉴를 클릭합니다. 대화상자에서 레이블 색상을 흰색으로 지정하고, 레이블 위치를 '안쪽 끝에'로 지정합니다.

(8) 이번에는 'B사' 계열을 마우스 오른쪽 버튼으로 클릭하고 '데이터 레이블 추가' 메뉴를 선택합니다. 추가된 데이터 레이블을 마우스 오른쪽 버튼으로 클릭하고 '데이터 레이블 서식' 메뉴를 클릭하고, 레이블 위치는 '축에 가깝게'로 설정합니다. 여기까지 진행하면 차트 형태는 아래와 같은 모양이 됩니다.

아이엑셀러

(9) 예제 파일의 [완성 예]를 참고로 막대의 '간격 너비'와 서식을 조정하여 차트를 완성합니다. 범례에 있는 '좌 여백'과 '우 여백'을 없애려면 약간의 시차를 두고 두 번 클릭하면 해당 항목만 선택됩니다. 이 때 <Del> 키를 누르면 됩니다.

차트 종류를 세로막대형으로 바꾸면 아래와 같은 형태로도 쉽게 변환됩니다.

아이엑셀러

진행 과정이 좀 깁니다만, 어려운 내용은 아니므로 두어 번만 따라해 보시면 이해가 되리라 생각합니다.

봄입니다. 주말을 앞두고 있기도 하고요. 주말 잘들 보내시고 다음에 뵙겠습니다.

참고: 이미지에 대하여

이 글은 원래 네이버 포스트에 게재되었던 글로, 네이버 포스트 서비스 종료로 네이버 블로그로 옮기는 과정에서 원본 이미지가 소실되었습니다. 위 이미지는 본문 설명을 바탕으로 재구성한 예시 화면이며, 실제 엑셀 화면과 세부 디자인은 다를 수 있습니다. 본문에서 언급된 경향신문·중앙일보 기사의 실제 지면 이미지는 저작권 문제로 재구성하지 않고 출처만 텍스트로 남겼습니다.

정리 — 구분이 가운데 있는 쌍 가로막대형 차트

단계	핵심 작업
1. 데이터 준비	좌여백(=0.5-값), 가운데(고정폭), 우여백(=0.5-값)
2. 차트 생성	100% 기준 누적 가로 막대형
3. 투명 처리	가운데·좌여백·우여백 → 채우기 없음, 선 없음
4. 레이블	가운데=항목 이름, 자사/B사=값(흰색·위치 조정)
5. 응용	차트 종류 변경만으로 세로막대형 버전도 가능