- 최초 작성일: 2025-01-29
- 최종 수정일: 2026-09-23
- 조회수: 54 회
- 작성자: 권현욱 (엑셀러)
- 강의 제목: 그리드 차트 만들기
들어가기 전에
오래 전 엑셀 파일로 진행하던 강의를 웹 글로 복원한 것이라, "버튼을 눌러보세요"처럼 엑셀에서 직접 조작하라는 표현이 남아 있을 수 있습니다. 결과는 본문의 그림이나 표로 확인하실 수 있으며, 현재와 맞지 않는 내용은 보완하되 전반적인 스타일은 당시의 갬성(?)을 유지했습니다.
어느덧 올해 마지막 강좌입니다. 한해 동안 강좌 보시느라 수고 하셨습니다. 이번 시간에는 아래와 같은 형태의 차트를 만들어 보겠습니다.
엑셀이 제공하는 기본 차트를 아무리 눈 씻고 봐도 이런 차트는 안보입니다(트리맵이나 선버스트 차트는 아닌 것 같고, 폭포나 혼합형도 아니고... 뭐지?).
이것은 엑셀의 차트 기능이 아니라 '조건부 서식'을 이용하여 만들었습니다(조건부 서식으로 차트를 만들어? Exceller가 하다하다 이제 마술이라도 하려고 하나?)
이런 차트를 뭐라고 부를까 하다가 일단 '그리드(Grid) 차트'라고 이름 붙여 보았습니다. 더 나은 이름이 떠오르면 바꿔 부르겠습니다.
- 최신 글을 불러오는 중...
그리드 차트 만드는 방법
핵심 요약: 조건부 서식으로 만드는 그리드 차트
차트 기능이 아니라 조건부 서식으로 구현합니다. 진척률을 5% 단위로 반올림한 값(D열)을 기준으로, F:O 20개 셀에 '다음을 포함하는 셀만 서식 지정' 규칙을 적용해 글꼴 색과 채우기 색을 같게 만들면 완성됩니다.
- 단계 1: D열에 5% 단위 반올림 수식, F:O열에 5%~100% 값 채우기
- 단계 2: 조건부 서식 [다음을 포함하는 셀만 서식 지정]으로 값에 따라 글자·배경 같은 색 지정
- 핵심 원리: 조건을 만족하는 셀만 '숨겨진' 배경색이 드러나 막대처럼 보임
- 반복 적용: 항목(팀)마다 셀 주소만 바꿔 같은 규칙을 반복 지정
단계 1: 기초 자료 준비하기
(1) D3 셀에 다음 수식을 입력하고 아래로 복사합니다. 각 팀별로 20개의 셀에 5% 간격으로 서식을 지정할 예정입니다. 따라서 5를 기준으로 반올림하기 위한 수식입니다.
[D3] =(ROUND(C3*2,-1)/2)/100
(2) F:O열의 열 너비를 2.5로 지정합니다.
(3) F2:G3 셀에 그림처럼 5% 단위로 값을 입력한 다음, G11 셀까지 드래그하여 자동 채우기합니다.
(4) 이 상태에서 [자동 채우기 옵션] 버튼을 O11 셀까지 드래그하여 수식을 채웁니다.
(5) 글자색과 배경색을 같은 색상으로 지정합니다. 여기서는 '흰 색, 배경 1, 5% 더 어둡게' 색을 지정하였습니다.
단계 2: 조건부 서식 지정하기
(1) '강동' 지점의 서식을 지정할 영역(F2:G11)을 범위로 지정하고 [홈] 탭 - [스타일] 그룹에서 [조건부 서식] - [새 규칙] 명령을 선택합니다.
(2) [새 서식 규칙] 대화상자에서 [다음을 포함하는 셀만 서식 지정] 항목을 선택합니다. 규칙을 아래와 같이 지정하고 [서식] 버튼을 클릭합니다.
(3) [셀 서식] 대화상자에서 [글꼴]과 [채우기] 색을 같은 색상으로 지정하고 [확인] 버튼을 누릅니다.
(4) [새 서식 규칙] 대화상자가 다시 나타나면 [확인] 버튼을 클릭합니다. '강동' 지점의 진척률인 65%(실제로는 64)에 해당하는 값 만큼 서식이 설정됩니다.
(5) (1) ~ (3) 단계와 같은 방법으로 나머지 지점에 대해서도 조건부 서식을 지정합니다. 다른 것은 똑같고 (2) 단계에서 [다음을 포함하는 셀만 서식 지정]의 셀 주소만 바꿔주면 됩니다.
(6) [완성 예]를 참고로 나머지 서식도 지정하여 완성합니다.
이런 건 배워서 어디다 써 먹어요?
엑셀이 기본적으로 제공하는 차트도 훌륭합니다만, 가끔은 새로운 형태의 차트로 시선을 끌 수도 있겠지요. 그에 더하여 조건부 서식을 새로운 시각으로 바라보는, 즉 시야를 넓히는 측면에서도 의미가 있다고 생각합니다. 만물에 정해진 용도란 없는 법이니까요.
참고: 이미지에 대하여
이 글은 원래 네이버 포스트에 게재되었던 글로, 네이버 포스트 서비스 종료로 네이버 블로그로 옮기는 과정에서 원본 이미지가 소실되었습니다. 위 이미지는 본문 설명을 바탕으로 재구성한 예시 화면이며, 실제 엑셀 화면과 세부 디자인은 다를 수 있습니다.
정리 — 그리드 차트 만드는 순서
| 단계 | 핵심 작업 |
|---|---|
| 1. 반올림 수식 | D3 =(ROUND(C3*2,-1)/2)/100 |
| 2. 그리드 준비 | F:O열 너비 2.5, 5%~100% 값 채우기 |
| 3. 글자·배경 동색 | '흰 색, 배경 1, 5% 더 어둡게'로 값 숨기기 |
| 4. 조건부 서식 | [다음을 포함하는 셀만 서식 지정]으로 D열 값 이하 셀에 배경색 지정 |
| 5. 항목별 반복 | 셀 주소만 바꿔 각 팀에 동일 규칙 반복 적용 |
자주 묻는 질문 (FAQ)
Q1. 그리드 차트는 엑셀의 어떤 차트 종류에 해당하나요?
엑셀의 기본 차트 종류에는 해당하지 않습니다. 차트 기능이 아니라 조건부 서식을 이용해 셀 자체를 막대처럼 보이게 만든 것입니다.
Q2. D3 셀의 반올림 수식은 왜 필요한가요?
그리드가 5% 단위 칸으로 나뉘어 있으므로, 진척률을 5%의 배수로 반올림해야 몇 칸까지 색이 채워질지 정확히 계산할 수 있습니다. =(ROUND(C3*2,-1)/2)/100 수식이 이 역할을 합니다.
Q3. 조건부 서식은 어떤 규칙으로 지정하나요?
[다음을 포함하는 셀만 서식 지정] 규칙을 사용해, 각 셀의 값이 해당 항목의 D열 값보다 작거나 같으면 글꼴 색과 채우기 색을 같은 색으로 지정합니다. 그러면 조건을 만족하는 칸만 색이 채워진 것처럼 보입니다.
마치며
개인적으로나 외적으로도 잊고 싶은 일들이 많았던 한 해가 저물어갑니다. 희망찬 새해에 뵙겠습니다.
VBA에 대한 기초 지식을 공부하실 분은 아이엑셀러 닷컴 사이트 상단 메뉴에서 [Excel 강의] - [Excel 입문]을 먼저 보시면 이해하기 쉽습니다.
