유입경로 차트는 판매 파이프라인의 잠재고객 단계, 마케팅 캠페인 참여, 웹사이트를 통한 방문자 이동과 같은 순차 프로세스의 이벤트를 이해하는 데 유용합니다.
유입경로 차트는 프로세스의 첫 번째 단계가 가장 크고(예: 100%) 첫 단계로부터 단계가 진행되면서 점차적으로 감소하는 경우 가장 효과적인 경우가 많습니다. 유입경로 차트에서는 각 막대의 높이를 변경하여 각 카테고리 값을 표시합니다. 값이 클수록 막대가 길고 값이 작을수록 막대가 짧습니다.
유입경로 차트 만들기
유입경로 차트는 방향을 지정할 수 있는 단일 숫자 집합과 단일 라벨 집합으로 구성됩니다.
- 세로 - 하나 이상의 측정기준(라벨) 및 하나의 측정값(숫자) 사용
- 가로 - 여러 측정값(숫자) 및 열 헤더(라벨)가 있는 단일 행 사용
차트는 방향 전환 데이터와 비-방향 전환 데이터 모두에 사용할 수 있습니다.
여러 행의 데이터가 포함된 여러 측정 열(여러 측정값 또는 방향 전환된 측정값)을 사용하는 경우 유입경로 차트는 첫 번째 행과 첫 번째 열을 선택한 후 더 많은 데이터 포인트를 생성하는 행을 표시합니다. 하지만 방향 설정을 사용하면 유입경로가 데이터 표를 읽고 축을 뒤집는 방식을 변경할 수 있습니다.
유입경로 차트는 최대 50개의 막대를 플롯할 수 있습니다. 데이터에 행이 50개 이상이거나 열이 50개 이상인 경우에는 행 제한 또는 열 제한 옵션을 사용하여 행을 50개 이하로 제한하세요.
유입경로 시각화를 사용하려면 Explore 시각화 막대에서 줄임표(...)를 선택하고 유입경로를 선택합니다. 그런 다음 시각화 막대에서 수정 옵션을 선택하여 차트를 수정합니다.
다른 설정과 충돌하는 경우 옵션은 비활성화되거나 숨겨질 수 있습니다.
데이터 막대 옵션
데이터 표시줄의 여러 옵션은 시각화와 데이터 표 모두에 영향을 줄 수 있습니다.
소계
데이터 표에 측정기준이 2개 이상 포함되어 있으면 소계 체크박스가 데이터 막대에 표시됩니다. 현재 소계는 표 시각화에만 사용 설정되어 있으며 이 체크박스는 다른 시각화 유형에서는 작동하지 않습니다.
행 총계
차트에 방향 전환이 포함된 경우 데이터 표시줄의 행 합계 체크박스를 선택하여 차트에 행 합계를 추가할 수 있습니다. 합계를 사용할 수 없는 경우 및 합계에서 고려할 사항에 대한 정보 등의 자세한 설명은 Looker에서 데이터 탐색 문서 페이지를 참조하세요.
행 합계 체크박스의 오른쪽에 있는 화살표를 사용하면 측정기준 및 측정기준 테이블 계산 후 합계 열의 배치를 오른쪽 끝의 기본 게재 위치와 더 왼쪽 위치 간에 전환할 수 있습니다.
총계
데이터 표시줄에서 합계를 선택하여 측정값과 테이블 계산의 열 합계를 추가할 수 있습니다. 합계를 사용할 수 없는 경우 및 합계에서 고려할 사항에 대한 정보 등의 자세한 설명은 Looker에서 데이터 탐색 문서 페이지를 참조하세요.
열 한도
데이터 테이블에 방향 전환(pivot)이 포함된 경우 열 한도 상자에 1~200 사이의 숫자를 입력하여 차트에 열 한도를 추가할 수 있습니다. 측정기준, 측정기준 테이블 계산, 행 총 열, 피벗 외부의 측정 테이블 계산은 열 한도에 포함되지 않습니다. 방향 전환된 그룹은 각각 열 한도 계산 시 하나의 열로 계산됩니다. 자세한 내용은 데이터 필터링 및 제한 문서 페이지를 참조하세요.
행 한도
데이터 탭의 행 한도 상자에 1~5,000 사이의 숫자를 입력하여 차트에 행 한도를 추가할 수 있습니다. 쿼리가 설정된 행 한도를 초과할 경우 행 합계 또는 테이블 계산 열을 정렬할 수 없습니다.
계산
적절한 권한이 있으면 데이터 탭의 계산 추가 버튼을 클릭하여 차트에 테이블 계산을 추가할 수 있습니다. 자세한 내용은 테이블 계산 사용 문서 페이지를 참조하세요.
필드 선택 도구의 커스텀 필드 섹션을 사용할 수도 있습니다.
축 메뉴 옵션
왼쪽 축 레벨
왼쪽 축에 라벨을 적용하려면 왼쪽 축 레벨을 사용 설정합니다. Looker가 라벨 텍스트를 입력할 상자를 표시합니다.
오른쪽 축 라벨
오른쪽 축에 라벨을 적용하려면 오른쪽 축 라벨을 사용 설정합니다. Looker가 라벨 텍스트를 입력할 상자를 표시합니다.
차트 구성 수정
시각화 메뉴 하단의 차트 구성 수정 버튼을 클릭하면 차트 구성 편집자가 열립니다. 이 편집기를 사용하면 시각화의 특정 JSON 매개변수를 노출하여 HighCharts 시각화를 수정할 수 있어 세밀한 맞춤설정이 가능합니다. 이러한 맞춤설정은 데이터와 동적으로 상호작용하지 않습니다.
Looker 관리자 역할 또는 can_override_vis_config 권한이 있는 경우 차트 구성 수정 버튼을 사용할 수 있습니다.
다음 예시를 포함하여 일반적인 사용 사례의 예시는 차트 구성 편집자 문서의 예시 섹션을 참조하세요.
- 배경 색상 및 축 텍스트 색상 변경
- 시리즈 내 값의 조건부 서식 지정
- 도움말 색상 맞춤설정
- 수직 참조 범위 및 설명 추가
- 차트 주석 추가
막대 메뉴 옵션
막대 색상
차트의 색상 팔레트를 정의할 수 있습니다.
색상 컬렉션 및 팔레트 선택
컬렉션을 사용하면 보기 좋은 테마 시각화 및 대시보드를 만들 수 있습니다. Looker의 모든 기본 색상 컬렉션은 색상 컬렉션 문서 페이지에 표시됩니다. Looker 관리자가 조직의 커스텀 색상 컬렉션을 만들 수도 있습니다.
컬렉션 드롭다운 메뉴에서 색상 컬렉션을 선택할 수 있습니다. 팔레트 섹션은 선택한 색상 컬렉션의 팔레트로 업데이트됩니다. 색상 컬렉션에서 다른 팔레트로 변경하려는 경우 색상 팔레트를 클릭하면 팔레트 선택기가 열립니다. 여기에서 컬렉션에 있는 모든 팔레트를 보고 선택할 수 있습니다.
팔레트 유형 선택
순차형 또는 발산형 팔레트를 사용하는 경우 각 막대는 팔레트의 스케일에 따라 색상이 지정됩니다. 범주형 팔레트(여러 개의 개별 색상으로 구성된 팔레트)로 변경하면 각 막대에 색상이 순서대로 할당됩니다. 첫 번째 막대에는 첫 번째 색상이, 두 번째 막대에는 두 번째 색상이 할당되는 식으로 진행됩니다. 나열된 색상보다 막대가 더 많으면 팔레트의 시작부터 반복됩니다.
커스텀 색상 팔레트 만들기
커스텀 색상 팔레트를 만들려면 먼저 팔레트 선택도구에서 커스텀 탭을 선택합니다. 여러 가지 방법으로 팔레트를 편집할 수 있습니다.
- 팔레트를 편집하려면 표시된 색상 중 하나를 클릭하세요.
- + 또는 - 버튼을 클릭하여 팔레트 끝에 색상을 추가하거나 선택한 색상을 삭제합니다. 순차형 또는 발산형 팔레트의 끝에 색상을 추가하면 Looker에서 해당 색상과 이전 색상 사이의 스케일을 자동으로 만듭니다.
- 쉼표로 구분된 색상값 목록을 사용하려면 메뉴 오른쪽 하단의 모두 수정을 클릭하세요.
선택한 색상을 변경하거나 한 번에 모든 색상을 편집하려면 16진수 문자열(예:#2ca6cd) 또는 CSS 색상 이름(예:mediumblue)을 메뉴 하단의 색상값 상자에 입력합니다.
색상값 상자 오른쪽의 색상환을 클릭하여 색상 선택도구를 불러와서 색상을 선택할 수도 있습니다. 그러면 해당 색상의 16진수 값이 색상값 상자에 표시됩니다.
모두 수정을 클릭하면 선택하거나 커스텀한 색상 팔레트의 모든 16진수 코드가 색상값 상자에 채워집니다. 커스텀 색상 팔레트를 다른 차트로 복사하는 가장 좋은 방법은 이 목록을 복사하여 붙여넣는 것입니다.
색상 역전
팔레트에서 사용된 색상을 역전시킬 수 있습니다. 순차형 또는 발산형 팔레트의 경우 각 막대는 팔레트의 오른쪽 끝에 있는 색상부터 시작하여 왼쪽으로 이동하면서 팔레트의 스케일에 따라 색상이 지정됩니다. 범주형 팔레트의 경우 팔레트의 마지막 색상부터 시작하여 팔레트의 색상을 각 막대에 역순으로 적용합니다.
평탄화 막대
계단식 유입경로 차트에서 평탄화 막대는 유입경로 차트에 있는 각 막대의 외부 가장자리와 그 위에 있는 막대를 부드럽게 연결할지 여부를 전환합니다. 매끄러운 막대를 사용 중지하면 막대가 직사각형 모양이 됩니다. 매끄러운 막대를 사용 설정하면 막대 가장자리가 서로 연결되도록 부드러워집니다.
깔때기 차트의 경우에는 평탄화 막대 옵션이 적용되지 않습니다.
계단식 유입경로
사용 설정된 경우 계단식 유입경로 옵션은 계단식 유입경로 스타일로 유입경로를 표시합니다. 여기서 각 막대의 너비는 값에 따라 달라집니다. 값이 클수록 막대가 넓고, 값이 작을수록 막대가 얇습니다.
방향
유입경로 차트 데이터를 표의 행에서 가져올지 열에서 가져올지를 지정할 수 있습니다. 자동을 선택하면 유입경로 차트는 데이터 포인트가 가장 많은 위치를 기준으로 데이터를 선택합니다.
라벨 크기
차트 막대 상단과 차트 측면에 배치되는 라벨의 크기를 지정할 수 있습니다. 라벨에는 최소 크기와 최대 크기가 있으며, 차트의 크기에 따라 달라집니다. 라벨이 최소 크기가 되도록 지정하려면 0을 입력합니다. 1을 입력하면 라벨이 최대 크기가 됩니다. 0에서 1 사이의 숫자를 입력하여 비율을 지정하세요. 라벨 크기는 최소 크기와 최대 크기 사이의 비율로 설정됩니다.
라벨 메뉴 옵션
라벨 위치
데이터 라벨이 표시되는 위치를 지정할 수 있습니다.
- 왼쪽: 데이터 라벨이 차트의 왼쪽에 위치합니다.
- 인라인: 데이터 라벨이 차트 가운데의 차트 막대 내에 위치합니다.
- 오른쪽: 데이터 라벨이 차트의 오른쪽에 위치합니다.
- 숨김: 데이터 라벨이 표시되지 않습니다.
비율 유형
차트의 각 막대에는 비율 값이 할당됩니다. 비율 유형은 막대의 값을 차트의 가장 큰 값과 비교하거나 막대의 값을 차트의 이전 막대와 비교하여 비율을 할당할지 여부를 결정합니다.
비율 위치
막대 비율이 표시되는 위치를 지정할 수 있습니다.
- 왼쪽: 비율 라벨이 차트 왼쪽에 위치합니다.
- 인라인: 비율 라벨이 차트 가운데의 차트 막대 내에 위치합니다.
- 오른쪽: 비율 라벨이 차트의 오른쪽에 위치합니다.
- 숨김: 비율 라벨이 표시되지 않습니다.
값 위치
데이터 값이 표시되는 위치를 지정할 수 있습니다.
- 왼쪽: 데이터 값이 차트의 왼쪽에 위치합니다.
- 인라인: 데이터 값이 차트 가운데의 차트 막대 내에 위치합니다.
- 오른쪽: 데이터 값이 차트의 오른쪽에 위치합니다.
- 숨김: 데이터 값이 표시되지 않습니다.
색상 라벨
차트에서 라벨 및 비율의 커스텀 색상을 설정할지 여부를 설정할 수 있습니다. 색상 라벨을 사용하는 쪽으로 전환하면 색상 상자가 나타납니다. 상자를 클릭하여 색상 선택도구를 표시하고 라벨과 비율의 커스텀 색상을 선택하세요. 인라인 라벨이 선택한 색상으로 표시되고 차트 양쪽의 라벨은 선택한 색상보다 약 40% 더 어두워집니다.
차트 구성 편집기를 사용하여 유입경로 라벨 변경하기
기본적으로 각 유입경로 단계의 라벨은 측정기준 값에 직접적으로 대응합니다. 차트 구성 편집기를 사용하여 이러한 라벨을 수정할 수 있습니다. 예를 들어 다음과 같은 라벨이 지정된 4단계 유입경로를 생각해 보겠습니다.
- 1단계
- 2단계
- 3단계
- 4단계
다음 JSON 스니펫을 사용하여 맞춤 라벨 이름을 추가할 수 있습니다.
{
series: [{
data: [{
name: 'Custom label 1',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 2',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 3',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 4',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
}
]
}]
}
이제 맞춤 라벨 값으로 단계에 대신 라벨이 지정됩니다. {point.y} 변수는 각 단계의 값을 표시합니다. 이 예에서 Looker는 유입경로 단계에 다음 라벨을 표시합니다.
- 커스텀 라벨 1
- 커스텀 라벨 2
- 커스텀 라벨 3
- 커스텀 라벨 4
이 기능을 사용하는 방법에 대한 자세한 내용은 차트 구성 편집기 문서의 시각화 맞춤설정 섹션을 참고하세요.