타임라인 차트 옵션

타임라인 차트는 이벤트 그룹 간의 관계를 시각화하고 이러한 이벤트가 발생한 기간을 비교하는 데 도움이 됩니다. 타임라인 시각화는 숫자로 작동합니다.

타임라인 시각화를 사용하려면 시각화 막대에서 줄임표(...)를 클릭하고 타임라인을 선택합니다. 시각화 탭의 오른쪽 상단에서 수정을 클릭하여 시각화 형식을 지정합니다.

예를 들어 타임라인 차트를 사용하여 고객의 첫 주문 날짜와 고객의 최근 주문 날짜 사이의 기간을 표시할 수 있습니다. 각 기간별로 고객의 주문 횟수를 색상으로 나타낼 수 있습니다.

타임라인 시각화는 데이터 섹션의 필드를 기반으로 하며 필드는 특정 순서를 따라야 합니다. 시각화에서 숨겨진 필드를 무시하면 타임라인에 다음과 같은 필드가 필요합니다(왼쪽에서 오른쪽으로).

• 라벨 필드: 이름과 같은 문자열 필드입니다. 필수 필드입니다.
• 세부정보 필드: 타임라인 시각화의 각 행을 카테고리에 결합할 수 있는 두 번째 선택적 문자열 필드입니다. 자세한 내용은 행당 개별 또는 여러 막대 표시를 참조하세요.
• 시작 필드: 시작 날짜 또는 번호입니다. 필수 필드입니다.
• 종료 필드: 종료일 또는 번호입니다. 필수 필드입니다.
• Magnitude 필드: 선택적인 숫자 필드로, 시각화 옵션에 지정된 두 색상 사이의 연속선 막대 색상을 결정합니다. 색상 및 라벨을 사용하는 방법과 기타 옵션에 대한 자세한 내용은 색상 사용을 참조하세요.

날짜 없이 타임라인 시각화 사용

타임라인 차트는 날짜 이외의 정보에 유용할 수 있습니다. 이 예시에서는 여러 항공사가 있으며 항공사마다 막대가 다음과 같은 위치에 있습니다.

• 막대는 항공사의 정시 운항 횟수에서 시작됩니다.
• 막대는 항공사의 총 운항 횟수에서 끝납니다.
• 막대의 색상은 항공사의 정시 백분율을 크기 값으로 나타냅니다.

크기 색상을 보면 항공사의 정시 운항 횟수와 총 운항 횟수 간에 큰 차이가 있을 수 있지만 정시 운항 백분율이 높다는 것을 알 수 있습니다. 예를 들어 남서부의 막대는 넓지만 정시 운항 비율을 나타내는 보라색 막대와 같이 정시 운항 비율이 가장 높습니다. 막대 위로 마우스를 가져가면 막대가 의미하는 다음과 같은 데이터를 볼 수 있습니다.

• 막대의 시작 값
• 막대의 끝 값
• 막대의 색상으로 표시되는 값(있는 경우)

행당 하나의 막대 또는 여러 개의 막대 표시

라벨별 막대 그룹화를 사용 설정하면 동일한 라벨 값을 공유하는 모든 레코드가 시각화의 동일한 행에 개별 막대로 표시됩니다. 예를 들어 각 사용자가 하나의 연령 등급에 속하는 사용자 데이터 세트를 가정해 보겠습니다. 연령 등급이 라벨 필드이고 사용자 이름이 세부정보 필드인 경우 시각화에는 연령 등급당 한 개의 행이 표시되며, 하나 이상의 사용자 이름이 해당 연령 등급의 행에 막대로 표시됩니다.

자체 행에 각 레코드 막대를 표시하려면 라벨별 막대 그룹화 옵션을 사용 중지합니다. 이 예시의 시각화에서는 사용자 이름당 하나의 행을 대신 표시합니다.

색상 사용

타임라인 시각화에서 막대의 색상은 데이터에 따라 의미가 달라질 수 있습니다.

• 크기 값: 각 막대의 색상은 연속된 범위 내에 있으며 막대의 크기 값을 보여줍니다. 이를 설정하려면 쿼리에 크기 필드를 포함하고, 시각화 옵션에서 Looker 색상 컬렉션의 순차적 및 분산형 팔레트와 같이 한 색상에서 다른 색상으로 음영이 적용되는 연속 팔레트를 지정하세요.
• 세부정보 값: 각 막대의 색상은 세부정보 필드의 값을 나타냅니다. 이 기능을 설정하려면 데이터에 세부정보 필드를 포함하고 시각화 옵션에서 범주형 팔레트(개별 색상이 여러 개인 경우)를 선택합니다. 크기 필드가 없으면 연속 팔레트를 선택할 수 있으며 색상은 세부정보 필드의 값을 참조합니다. 크기 필드가 있고 연속 팔레트를 선택하면 해당 색상이 항상 크기 필드에 적용됩니다.)
• 다른 모든 경우에는 막대 색상이 시각화 옵션에서 선택한 색상의 반복 패턴을 사용합니다.

세부정보 필드, 트래픽 소스, 크기 필드가 있는 전체 기간 주문 예시 데이터 세트를 가정해 보겠습니다.

연속 팔레트를 사용하는 경우 색상 연속체로 크기 필드의 값을 나타냅니다. 이 예시의 범례는 색상 연속체의 각 끝 부분 색상이 나타내는 전체 기간 주문 수를 보여줍니다.

범주형 팔레트를 사용하는 경우 색상 연속체가 세부정보 필드의 값을 나타냅니다. 이 예시의 범례는 각 색상이 나타내는 트래픽 소스를 표시합니다.

세부정보 및 크기 필드를 모두 삭제하면 색상이 시각화 옵션에서 선택한 팔레트에서 순환됩니다.

옵션

막대 색상

차트의 색상 팔레트를 정의할 수 있습니다.

색상 컬렉션 및 팔레트 선택

컬렉션을 사용하면 보기 좋은 테마 시각화 및 대시보드를 만들 수 있습니다. Looker의 모든 기본 색상 컬렉션은 색상 컬렉션 문서 페이지에 표시됩니다. Looker 관리자가 조직의 커스텀 색상 컬렉션을 만들 수도 있습니다.

컬렉션 드롭다운 메뉴에서 색상 컬렉션을 선택할 수 있습니다. 팔레트 섹션은 선택한 색상 컬렉션의 팔레트로 업데이트됩니다. 색상 컬렉션에서 다른 팔레트로 변경하려는 경우 색상 팔레트를 클릭하면 팔레트 선택기가 열립니다. 여기에서 컬렉션에 있는 모든 팔레트를 보고 선택할 수 있습니다.

팔레트 유형 선택

순차형 또는 발산형 팔레트를 사용하는 경우 각 막대는 팔레트의 스케일에 따라 색상이 지정됩니다. 범주형 팔레트(여러 개의 개별 색상으로 구성된 팔레트)로 변경하면 각 막대에 색상이 순서대로 할당됩니다. 첫 번째 막대에는 첫 번째 색상이, 두 번째 막대에는 두 번째 색상이 할당되는 식으로 진행됩니다. 나열된 색상보다 막대가 더 많으면 팔레트의 시작부터 반복됩니다.

커스텀 색상 팔레트 만들기

커스텀 색상 팔레트를 만들려면 먼저 팔레트 선택도구에서 커스텀 탭을 선택합니다. 여러 가지 방법으로 팔레트를 편집할 수 있습니다.

• 팔레트를 편집하려면 표시된 색상 중 하나를 클릭하세요.
• 색상 팔레트 아래의 + 또는 - 버튼을 클릭하여 팔레트 끝에 색상을 추가하거나 선택한 색상을 삭제합니다. 순차형 또는 발산형 팔레트의 끝에 색상을 추가하면 Looker에서 해당 색상과 이전 색상 사이의 스케일을 자동으로 만듭니다.
• 쉼표로 구분된 색상값 목록을 사용하려면 메뉴 오른쪽 하단의 모두 수정을 클릭하세요.

선택한 색상을 변경하거나 한 번에 모든 색상을 편집하려면 16진수 문자열(예:#2ca6cd) 또는 CSS 색상 이름(예:mediumblue)을 메뉴 하단의 색상값 상자에 입력합니다.

색상값 상자 오른쪽의 색상환을 클릭하여 색상 선택도구를 불러와서 색상을 선택할 수도 있습니다. 그러면 해당 색상의 16진수 값이 색상값 상자에 표시됩니다.

모두 수정을 클릭하면 선택하거나 커스텀한 색상 팔레트의 모든 16진수 코드가 색상값 상자에 채워집니다. 커스텀 색상 팔레트를 다른 차트로 복사하는 가장 좋은 방법은 이 목록을 복사하여 붙여넣는 것입니다.

색상 역전

팔레트에서 사용된 색상을 역전시킬 수 있습니다. 순차형 또는 발산형 팔레트의 경우 각 막대는 팔레트의 오른쪽 끝에 있는 색상부터 시작하여 왼쪽으로 이동하면서 팔레트의 스케일에 따라 색상이 지정됩니다. 범주형 팔레트의 경우 팔레트의 마지막 색상부터 시작하여 팔레트의 색상을 각 막대에 역순으로 적용합니다.

라벨별 막대 그룹화

시각화에서 각 행에 레코드 막대를 표시할지 또는 각 라벨 값의 레코드 막대가 모두 동일한 행에 있어야 할지 여부를 결정할 수 있습니다. 각 행에 여러 막대 표시를 참조하세요.

라벨 크기

라벨의 글꼴 크기를 설정할 수 있습니다. 사용할 수 있는 옵션은 다음과 같습니다.

• 아주 작게
• 소형
• 중간
• 대형
• 아주 크게

값 형식

Excel 스타일 형식을 사용하여 값의 숫자 또는 날짜 형식을 지정할 수 있습니다. 형식을 지정하지 않으면 값이 기본 측정기준 또는 측정값 형식으로 표시됩니다.

이러한 형식을 지정하는 방법은 MS Excel의 전체 가이드에 설명되어 있습니다. 하지만 현재 Looker에서는 색상 형식이 지원되지 않습니다.

숫자 필드에 커스텀 형식 추가 문서 페이지에서 커스텀 형식을 사용하는 방법에 대해 자세히 알아보세요.

날짜 값의 형식을 지정할 수 있습니다. 다음은 일반적인 형식 지정 옵션입니다.

날짜 형식	의미
m	월을 앞에 0이 없는 숫자로 표시합니다. 5월은 '5'로 표시됩니다.
mm	월을 해당하는 경우 0이 앞에 오는 숫자로 표시합니다. 5월은 '05'로 표시됩니다.
mmm	월을 약어(Jan~Dec)로 표시합니다.
mmmm	월을 전체 이름(January~December)으로 표시합니다.
mmmmm	월을 한 글자(J~D)로 표시합니다.
d	날짜를 앞에 0이 없는 숫자로 표시합니다.
dd	해당하는 경우 날짜를 앞에 0이 없는 숫자로 표시합니다.
ddd	요일을 약자(일~토)로 표시합니다.
dddd	요일을 전체 이름(일요일~토요일)으로 표시합니다.
yy	연도를 두 자리 숫자로 표시합니다.
yyyy	연도를 네 자리 숫자로 표시합니다.
h	시간을 앞에 0이 없는 숫자로 표시합니다.
hh	시간을 필요한 경우 앞에 0이 있는 숫자로 표시합니다. 형식에 AM 또는 PM이 포함된 경우 시간은 12시간제를 기준으로 합니다. 그렇지 않으면 시간은 24시간제를 기준으로 합니다.
m	분을 앞에 0이 없는 숫자로 표시합니다. 참고: m은 h 또는 hh 요소 바로 다음이나 s 또는 ss 요소 바로 앞에 표시됩니다(그렇지 않으면 분 대신 월로 해석됨).
mm	분을 해당하는 경우 앞에 0이 있는 숫자로 표시합니다. 참고: mm은 h 또는 hh 요소 바로 다음이나 s 또는 ss 요소 바로 앞에 표시됩니다(그렇지 않으면 분 대신 월로 해석됨).
s	초를 앞에 0이 없는 숫자로 표시합니다.
ss	초를 해당하는 경우 0이 앞에 오는 숫자로 표시합니다. 1초 미만의 시간을 표시하려면 h:mm:ss.00과 유사한 숫자 형식을 사용합니다.
am/pm, a/p	시간을 12시간제에 따라 표시합니다. Excel에서는 자정부터 정오까지의 시간을 'AM' 또는 'A'로 표시하고 정오부터 자정까지 시간을 'PM' 또는 'P'로 표시합니다.

범례 표시

시각화 하단에 범례를 표시하거나 숨길 수 있습니다.

차트 구성 수정

시각화 메뉴 하단의 차트 구성 수정 버튼을 클릭하면 차트 구성 편집자가 열립니다. 이 편집기를 사용하면 시각화의 특정 JSON 매개변수를 노출하여 HighCharts 시각화를 수정할 수 있어 세밀한 맞춤설정이 가능합니다. 이러한 맞춤설정은 데이터와 동적으로 상호작용하지 않습니다.

Looker 관리자 역할 또는 can_override_vis_config 권한이 있는 경우 차트 구성 수정 버튼을 사용할 수 있습니다.

다음 예시를 포함하여 일반적인 사용 사례의 예시는 차트 구성 편집자 문서의 예시 섹션을 참조하세요.

• 배경 색상 및 축 텍스트 색상 변경
• 시리즈 내 값의 조건부 서식 지정
• 도움말 색상 맞춤설정
• 수직 참조 범위 및 설명 추가
• 차트 주석 추가