06. 메인 툴바와 차트 설정 패널 다루기

데이터 스튜디오 차트에는 다양한 설정 옵션들이 존재합니다. 특정 차트 유형에서만 전용으로 쓰이는 독특한 옵션들도 있고, 거의 모든 차트에서 공통으로 적용되는 핵심 기능들도 있죠. 이번 포스팅에서는 다양한 차트에서 공통으로 활용되는 대표적인 설정 기능들과 툴바의 기능들에 대해서 소개하겠습니다.

먼저 수정 모드 화면의 상단에 있는 툴바를 살펴볼까요?

1. 툴바 빠르게 훑어보기

툴바에 있는 항목들이 아주 다양한 것처럼 보이지만, 사실 대부분 이미 메뉴 소개 글에서 한 번씩 다뤄본 기능들입니다. 번호 순서대로 어떤 기능인지 간략하게 소개하겠습니다.

1️⃣ 실행취소·다시 실행: 방금 한 편집 작업을 되돌리거나 다시 적용합니다.

2️⃣ 선택 도구: 캔버스에 있는 차트나 컨트롤을 선택하는 기본 커서 모드입니다.

3️⃣ 확대/축소: 캔버스 화면을 확대하거나 축소해서 편집 화면 크기를 조정할 수 있습니다. [모두 맞춤]을 클릭하면 보고서의 전체 페이지가 화면에 표시될 수 있도록 화면이 조정되며, [폭 맞춤]을 클릭하면 보고서의 폭에 맞추어 비율을 맞춰줍니다. [50%], [100%], [200%]는 보고서의 사이즈와 관계없이 해당 수치만큼의 배율을 적용합니다. [확대], [축소] 버튼은 확대 및 축소를 한 단계씩 실행하는 기능입니다.

4️⃣ 페이지 추가/데이터 추가: 보고서에 새 페이지를 추가하거나, 새 데이터 소스를 추가할 때 사용합니다. 이미 살펴보았던 메뉴의 [페이지]→ [새 페이지], [리소스] → [추가된 데이터 관리] → [데이터 소스 추가]와 동일한 기능입니다.

5️⃣ 혼합: 혼합은 서로 다른 데이터 소스의 데이터를 하나의 차트에서 함께 볼 수 있도록 연결하는 기능입니다. 이 버튼을 클릭하면 혼합 데이터 관리 화면이 나옵니다. 메뉴의 [리소스] → [혼합 소스 관리]와 동일한 기능입니다.

6️⃣ 차트 추가: 캔버스에 새 차트를 추가하는 기능입니다. 클릭하면 추가할 수 있는 다양한 차트 목록이 나옵니다. 다음 포스트부터 하나씩 다뤄나가겠습니다.

7️⃣ 커뮤니티 시각화 도구: 서드파티 개발자가 만든 차트를 보고서에 추가합니다. 이 버튼을 클릭하면 아래 이미지와 같이 개발자들이 개발하고 배포한 차트를 보고서에 추가할 수 있으며, 개발 지식이 있다면 이 기능을 통해 나만의 차트를 생성할 수도 있습니다.

8️⃣ 컨트롤 추가: 기간 컨트롤, 필터 컨트롤처럼 보고서를 보는 사람이 직접 데이터를 조작할 수 있는 요소를 추가합니다. 드롭다운, 기간 컨트롤 등 다양한 컨트롤을 사용할 수 있습니다. 이 기능들은 별도 포스트로 차차 다루도록 하겠습니다.

9️⃣ URL·이미지·텍스트·선·도형 추가: 외부 콘텐츠, 이미지, 텍스트 상자, 선, 도형을 각각 캔버스에 추가하는 기능입니다.

[URL]을 통해 외부 링크를 임베드 할 수 있습니다. 아래는 구글 캘린더를 url로 임베드한 화면입니다. 우측 설정 패널에 URL을 입력하면 웹페이지 프레임 형태(iframe)로 대시보드에 직접 불러와서 보여줍니다.

[이미지] 도구는 캔버스에 이미지를 첨부하는 기능입니다.

내 컴퓨터에 이미지 파일이 없더라도 [URL 사용] 기능을 사용하면, 웹에 있는 이미지의 url을 복사 후 설정 패널에 입력하여 이미지를 불러올 수 있습니다.

선 도구는 아래와 같이 4가지의 기능을 제공합니다.

도형 도구는 크게 3종류의 도형을 제공하는데, 아래 이미지를 참조해주세요.

아래 이미지에 나와있는 것처럼, 선 도구를 사용해서 차트 사이에 구분감을 주는 등 보조 도구들을 적절히 사용하면 데이터를 파악하는데 도움을 줄 수 있습니다.

🔟 테마 및 레이아웃: 보고서 전체의 색상 테마와 캔버스 크기 등을 설정합니다. 메뉴의 [파일] → [테마 및 레이아웃]과 동일한 기능입니다.

이제, 차트에서 공통적으로 설정할 수 있는 옵션들에 대해서 소개하겠습니다. 처음에 차트를 생성하면 설정하는 기능들이 많아서 복잡해보이지만 공통적으로 사용하는 옵션들을 먼저 이해한다면, 차트들의 고유 설정들을 이해하기가 훨씬 수월해질 것입니다.

2. 차트의 설정 옵션

앞으로 차트를 하나씩 살펴볼 때마다 눈에 자주 들어오게 될 설정들에 대해서 소개하겠습니다. 수정 모드에서 차트를 선택하면 아래와 같이 [설정] 패널과 [스타일] 패널이 나옵니다. 먼저 설정 패널에 있는 몇 가지 섹션들부터 살펴보시죠.

1️⃣ 데이터 소스

설정 패널의 최상단에 표시되는 옵션으로, 표가 참조할 데이터 소스를 지정합니다. 클릭하여 다른 데이터 소스로 교체할 수 있습니다.

데이터 소스는 1개만 지정할 수 있습니다. 여러 데이터 소스를 합쳐서 사용하고 싶다면 데이터 혼합을 이용하거나, 빅쿼리에서 테이블을 조인해서 하나의 데이터 소스를 만들어주어야 합니다.

2️⃣ 필터

지정한 조건에 맞는 데이터만 표시하거나 제외할 때 사용할 수 있습니다. 이렇게 추가한 필터는 전체 데이터 소스에 적용하는 것이 아니라, 해당 차트에 개별적으로 적용하는 것입니다. [필터 추가] → [필터 만들기] 버튼을 클릭하면 필터 설정 화면이 나옵니다.

필터 설정 화면은 아래와 같은 구성으로 되어있습니다.

1. 필터 이름: 생성할 필터의 명칭을 입력하는 곳입니다.

1. 필터 유형: [포함]과 [제외] 옵션이 있습니다. 조건에 맞는 데이터를 보고서에 포함할 것인지 제외할 것인지 결정합니다.

1. 필드 및 조건 설정: 필터링 기준이 될 필드를 선택하고, 해당 필드를 기준으로 일치 여부, 비교할 값을 설정하는 영역입니다. 아래 이미지에서 표시한 부분에서 필터링 기준이 될 필드를 선택할 수 있습니다.

1. 동일 절에서 조건 추가: 현재 작성 중인 하나의 조건 안에 또 하나의 조건을 덧붙이는 역할을 합니다. 아래와 같은 조건으로 데이터를 필터링합니다.

1. 새로운 절 추가: 조건 추가 옵션이 하단에도 보이는데요. 이것은 완전히 분리된 새로운 조건을 추가하는 옵션입니다. 새로운 절을 추가하여 설정하는 조건은 다른 조건과 완전히 분리됩니다.

이렇게 차트 자체에 적용하는 필터 기능에 대해서 살펴보았는데요, 데이터 스튜디오에서 데이터를 필터링하는 방식은 크게 2가지 방식이 있습니다. 지금 살펴본 것처럼 차트 자체에 필터를 설정하는 방식이 있고, 아래 이미지에 있듯이 컨트롤(드롭다운 목록, 고정 크기 목록, 기간 컨트롤, 버튼 등)을 사용하는 방식이 있습니다.

두 방식을 함께 사용할 경우에는 AND조건으로 결합되어 동시에 적용됩니다. 차트 필터로 이미 걸러진 데이터 범위 안에서, 컨트롤 필터가 2차로 작동하는 개념이죠.

따라서 차트에 지정한 필터 조건과 사용자가 컨트롤에서 선택한 조건이 서로 충돌하면 데이터가 표시되지 않을 수 있으니 주의해야 합니다.

3️⃣ 기간 측정기준

기간 컨트롤이나 기본 기간 필터를 적용할 때, 어떤 날짜 필드를 기준으로 데이터를 필터링할지 지정하는 기능입니다. 예를 들어 데이터 소스에 주문 일자, 출고 일자, 납기 일자로 총 3개의 날짜 필드가 있다고 가정했을 때,이 중 어떤 필드를 기간 측정기준으로 지정하느냐에 따라, 같은 기간(예: 8월 1일~8월 7일)을 선택해도 실제로 필터링 되는 데이터가 달라집니다.

아래처럼 출고일자 필드를 기간 측정기준으로 지정하면, 기간 컨트롤에서 선택한 날짜 범위가 출고일자 기준으로 데이터를 필터링합니다.

4️⃣ 기본 기간 필터

표에 적용할 기간 필터를 선택합니다. 여기에는 3가지 옵션이 있는데요.

5️⃣ 정렬

차트에 표시되는 데이터 항목들의 정렬 순서를 지정하는 기능입니다. 선택한 필드와 내림차순/오름차순 선택에 따라 해당 필드를 기준으로 데이터를 정렬합니다.

필드의 데이터 유형에 따라 아래와 같이 정렬됩니다.

2순위로 적용할 정렬 기준을 추가하려면 [정렬 추가] 버튼을 클릭하여 다중 정렬 기준을 설정할 수 있습니다.

예를 들어, 아래와 같이 1순위로 '수량' 내림차순을 지정했을 때 수량이 같은 항목이 있다면, 2순위로 지정한 '정산금액' 내림차순을 기준으로 순서를 정렬합니다.

6️⃣ 차트 상호작용

차트 상호작용에는 두 가지 옵션이 있습니다.

마지막으로 설정 패널에 있는 기능은 아니지만, 편집 모드에서 차트를 우클릭할 때 나오는 컨텍스트 메뉴들에 대해서도 간략히 소개하겠습니다.

3. 차트의 컨텍스트 메뉴

컨텍스트 메뉴는 편집 모드에서 차트를 우클릭 했을 때 나오는 메뉴를 뜻합니다. 이 메뉴도 모든 차트에 공통적으로 나오는 기능들이 있는가 하면, 특정 차트에서만 나오는 메뉴들도 있습니다. 역시 이번 포스트에서는 공통적으로 사용하는 기능들에 대해서만 소개하겠습니다.

1️⃣ 기본 데이터 표시

차트에 필터, 드릴다운, 세부정보 전환 등의 상호작용이 적용된 상태에서 초기 설정된 데이터 상태로 빠르게 되돌리는 기능입니다.

2️⃣ 선택

선택에는 두 가지 기능이 있는데요. 바로 해당 차트만 선택하는 [페이지의 표]와 해당 차트와 동일한 소스를 사용하는 다른 차트도 함께 선택하는 [페이지에 이 데이터 소스가 있는 차트] 기능입니다.

대시보드의 규모가 커지면 다양한 데이터 소스를 사용하게 되는데, 특정 데이터 소스를 사용하는 차트를 수정해야 할 때 차트를 하나씩 클릭해서 확인해야 하는 번거로움을 없애주기 때문에 유용하게 사용할 수 있습니다.

3️⃣ 선택하여 붙여넣기

차트를 하나 복사한 뒤, 이 기능을 실행하면 복사했던 차트의 스타일 옵션들이 그대로 적용됩니다. 대시보드를 제작할 때에는 어떤 톤앤매너를 채택할 것인지 컨셉을 미리 정해두고 제작을 하게 됩니다. 하지만 대시보드를 사용하다가 톤앤매너를 변경하는 경우가 발생할 수 있죠. 그러면 차트를 하나씩 선택하여 스타일을 변경하지 않고, 차트를 복사하고 [스타일만 붙여넣기] 기능을 실행하면 됩니다. 복수의 차트에도 동일하게 적용할 수 있기 때문에 아주 유용한 기능이지요.

4️⃣ 복제

현재 보고 있는 페이지에서 아래와 같이 바로 차트가 복제됩니다.

5️⃣ 순서/보고서 수준으로 만들기

순서는 차트를 다른 요소들보다 앞에 위치할 것인지를 결정하며, ‘보고서 수준으로 만들기’로 설정하면 보고서의 모든 페이지의 동일한 위치에 해당 요소를 자동으로 고정하여 표시합니다. [상단 메뉴] → [정렬]에 있는 기능과 동일합니다.

6️⃣ 공개 상태 관리

보기 권한 사용자에게 특정 차트를 보여줄 것인지 보여주지 않을 것인지 조건부로 제어하는 기능입니다. 메뉴를 선택하면 다음과 같은 화면이 뜨는데요. 이 기능은 데이터 스튜디오의 프로 버전 사용자만 사용할 수 있는 기능입니다.

차트를 우클릭하여 [공개 상태 관리]를 선택한 후,지정한 불리언(True/False) 파라미터 변수를 연결하면 설정한 조건의 참/거짓 여부에 따라 차트나 페이지가 자동으로 노출되거나 숨겨집니다.

그 외에 정렬 기준,초기화,차트 내보내기,이 구성요소에 대한 링크, 데이터 요청 표시,탐색 기능들은 차트의 헤더에서도 제공하는 기능들인데요. 이 내용들은 스타일 패널의 [차트 헤더]를 다루는 포스트에서 이어서 소개하겠습니다.

💡 마치며

지금까지 다양한 차트에서 공통적으로 지원하는 핵심 설정 기능들에 대해 살펴보았습니다. 이렇게 다양한 기능들을 함께 살펴봤지만, 막상 보고서를 만들다 보면 이런 기능이 있다는 사실조차 잊어버리고 늘 쓰던 몇 가지 설정만 반복해서 사용하게 되는 경우도 많습니다. 다양한 기능을 고루 활용하려면, 이렇게 세부적인 기능들을 미리 파악해 두는 것이 중요합니다. 각 기능의 역할을 파악해 두고, 보고서 목적에 맞는 설정을 직접 활용해 보시기 바랍니다.

다음 포스트에서는 차트를 선택했을 때 나타나는 [스타일] 패널을 다룹니다. 특정 차트에만 해당되는 전용 옵션이 아니라, 여러 차트에서 두루 활용할 수 있는 공통 스타일 옵션들을 소개하겠습니다.

업무 효율성 200% 올리기, with autooffice

데이터 스튜디오 개발 문의는 구글폼을 이용해주세요!