특정 조건을 만족하는 값을 시각적으로 강조표시하면 사용자가 데이터 동향을 빠르게 파악할 수 있습니다. 이 패턴을 조건부 서식이라고도 합니다.
예를 들어 이 페이지의 최댓값, 최솟값, 백분위수 값 색상 지정 예시의 시각화를 통해 사용자는 최저 및 최고 판매 월을 빠르게 식별할 수 있습니다.
Looker에서는 텍스트 및 테이블 차트 시각화 설정의 기본 제공 옵션을 사용하여 텍스트 및 테이블 차트에 조건부 서식을 적용할 수 있습니다. 카티전 차트의 경우 차트 구성 편집기를 사용하여 데이터 값의 형식을 조건부로 지정할 수 있습니다.
차트 구성 편집기에서 series formatters
속성을 사용하여 특정 기준을 충족하는 값에 조건부 서식을 적용할 수 있습니다. 다음은 적용할 수 있는 조건부 서식 규칙입니다.
값이 지정된 값보다 크거나 작거나 같습니다.
예를 들어 100보다 큰 숫자 값에 조건부 서식을 적용하려면
select: 'value > 100'
을 사용합니다.값은 계열의 최솟값 또는 최댓값입니다.
예를 들어 조건부 서식을 최댓값에 적용하려면
select: 'max'
를 사용합니다.값이 지정된 백분위수 순위 내에 있습니다.
예를 들어 상위 10번째 백분위수의 값에 조건부 서식을 적용하려면
select: 'percent_rank >= 0.9'
를 사용합니다.X축 값이 지정된 값과 일치합니다.
예를 들어 X축 값이 'Columbia'인 계열에 조건부 서식을 적용하려면
select: name = Columbia
를 사용합니다.
이 설명서는 다음 튜토리얼을 제공합니다.
최댓값, 최솟값, 백분위수 값 색상 지정
select
및 style
속성을 사용하여 카티전 차트의 최대 및 최소 데이터 값과 지정된 백분위수에 속하는 모든 값의 색상을 지정할 수 있습니다.
재료
기본 요건
조건부 서식으로 카티전 시각화를 만들려면 다음이 필요합니다.
- Explore를 만들 수 있는 권한 및 데이터 탐색 관련 지식
- 차트 구성 편집기에 대한 액세스 권한을 부여하는
can_override_vis_config
권한 - 콘텐츠를 저장할 수 있는 권한(시각화를 Look 또는 대시보드로 저장하려는 경우)
- JSON 관련 지식
예시: 열 시각화
영업팀에서 1년 간의 월별 판매 동향을 빠르게 파악하고자 합니다. 월별로 그룹화된 총 비용을 표시하는 시각화가 있습니다.
조건부 서식을 사용하여 특정 목표에 부합하는 값을 강조표시하면 사용자가 데이터를 더 명확하게 이해할 수 있습니다.
이 예시에서 영업팀은 다음 값을 강조하려고 합니다.
- 최소 총 비용 값이 있는 열은 빨간색으로 표시됩니다.
- 최대 총 비용 값이 있는 열은 초록색으로 표시됩니다.
- 총 비용이 하위 30번째 백분위수인 모든 열이 주황색으로 표시됩니다.
- 다른 열은 모두 회색으로 표시됩니다.
이 조건부 서식을 카티전 차트에 적용하려면 다음 단계를 따르세요.
- Explore에서 카티전 시각화를 보거나 Look 또는 대시보드에서 카티전 시각화를 수정합니다.
- 시각화에서 수정 메뉴를 엽니다.
- 플롯 탭에서 차트 구성 수정 버튼을 클릭합니다. Looker에 차트 구성 수정 대화상자가 표시됩니다.
차트 구성(재정의) 섹션을 선택하고 다음 JSON을 입력합니다.
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { color: 'green', } }, { select: 'percent_rank <= 0.3', style: { color: 'orange' } }, { select: 'min', style: { color: 'red' } }, ] }] }
변경사항을 적용하려면 적용을 클릭합니다.
이제 영업팀은 실적이 저조한 달을 빠르게 파악하고 해당 기간을 조사하여 상황을 파악할 수 있습니다.
시각화를 맞춤설정한 후 저장할 수 있습니다. Explore에서 시각화를 확인한 경우 탐색 분석을 저장합니다. Look 또는 대시보드를 수정한 경우 저장을 클릭합니다.
예시: 산점도 시각화
산점도 시각화에 조건부 서식을 적용하려면 style.color
속성 대신 style.marker.fillColor
및 style.marker.lineColor
속성의 색상을 지정하면 됩니다.
lineColor
속성은 산점도에 있는 각 점의 윤곽선 색상을 설정합니다. fillColor
속성은 산점도에 있는 각 점의 내부 색상을 설정합니다.
다음 단계에 따라 앞의 예시를 수정할 수 있습니다.
- Explore에서 산점도 시각화를 보거나 Look 또는 대시보드에서 산점도 시각화를 수정합니다.
- 시각화에서 수정 메뉴를 엽니다.
- 플롯 탭에서 차트 구성 수정 버튼을 클릭합니다. Looker에 차트 구성 수정 대화상자가 표시됩니다.
차트 구성(재정의) 섹션을 선택하고 다음 JSON을 입력합니다.
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { marker: { fillColor: 'green', lineColor: 'green' } } }, { select: 'percent_rank <= 0.3', style: { marker: { fillColor: 'orange', lineColor: 'orange' } } }, { select: 'min', style: { marker: { fillColor: 'red', lineColor: 'red' } } } ] }] }
적용을 클릭하여 변경사항을 적용합니다.
결과 시각화에서 최솟값, 최댓값, 하위 30%의 값은 서식 지정 규칙에 따라 색상이 지정됩니다.
시각화를 맞춤설정한 후 저장할 수 있습니다. Explore에서 시각화를 확인한 경우 탐색 분석을 저장합니다. Look 또는 대시보드를 수정한 경우 저장을 클릭합니다.
조건부 서식 조건 결합
select
속성에서 AND
및 OR
를 사용하여 조건부 서식 규칙에 논리 표현식을 조합할 수 있습니다.
재료
기본 요건
조건부 서식으로 카티전 시각화를 만들려면 다음이 필요합니다.
- Explore를 만들 수 있는 권한 및 데이터 탐색 관련 지식
- 차트 구성 편집기에 대한 액세스 권한을 부여하는
can_override_vis_config
권한 - 콘텐츠를 저장할 수 있는 권한(시각화를 Look 또는 대시보드로 저장하려는 경우)
- JSON 관련 지식
예
영업팀이 특정 기준을 충족하는 달을 빠르게 파악하려고 합니다. 월별로 그룹화된 총 비용을 표시하는 시각화가 있습니다.
조건부 서식을 사용하여 특정 목표에 부합하는 값을 강조표시하면 사용자가 데이터를 더 명확하게 이해할 수 있습니다.
이 예시에서 영업팀은 다음 값을 강조하려고 합니다.
- 총 비용 값이 $43,000~$45,000(포함)인 모든 열은 보라색으로 표시됩니다.
- 다른 열은 모두 회색으로 표시됩니다.
이 조건부 서식을 카티전 차트에 적용하려면 다음 단계를 따르세요.
- Explore에서 카티전 시각화를 보거나 Look 또는 대시보드에서 카티전 시각화를 수정합니다.
- 시각화에서 수정 메뉴를 엽니다.
- 플롯 탭에서 차트 구성 수정 버튼을 클릭합니다. Looker에 차트 구성 수정 대화상자가 표시됩니다.
차트 구성(재정의) 섹션을 선택하고 다음 JSON을 입력합니다.
{ series: [{ color: 'gray', formatters: [{ select: 'value >= 43000 AND value <= 45000', style: { color: 'purple', } }, ] }] }
변경사항을 적용하려면 적용을 클릭합니다.
이제 영업팀은 3월, 4월, 9월의 수익이 $43,000~$45,000임을 빠르게 확인하고 해당 월에 발생한 일을 파악하기 위해 추가 조치를 취할 수 있습니다.
시각화를 맞춤설정한 후 저장할 수 있습니다. Explore에서 시각화를 확인한 경우 탐색 분석을 저장합니다. Look 또는 대시보드를 수정한 경우 저장을 클릭합니다.