차트 구성 편집기로 실선 게이지 차트 만들기

실선 게이지 차트는 알려진 범위의 숫자를 표시할 때 유용합니다. 예상 값을 기준으로 현재 값이 비교적 높은지 또는 낮은지 빠르게 확인할 수 있습니다.

차트 구성 편집기를 사용하면 Looker의 열 차트에서 시작하여 실선 게이지 차트를 만들 수 있습니다. 실선 게이지 차트에는 1개의 측정기준과 1개의 측정값이 필요합니다.

예를 들어 다음 실선 게이지 차트는 고객 만족도(CSAT) 측정값의 현재 값을 보여주며 이 값은 파란색 원형의 진행률 표시줄로 표시됩니다. 고객 만족도(CSAT) 점수의 가능한 값은 0~100 사이이므로 게이지의 양쪽 끝에 표시됩니다.

기본 요건

차트 구성 편집기에 액세스하려면 can_override_vis_config 권한이 있어야 합니다.

JSON 스니펫 작성

실선 게이지 차트를 만들려면 다음 JSON 스니펫부터 시작합니다.

{
  chart: {
    type: 'solidgauge'
  },
  yAxis: [{
    min: 0,
    max: 100,
    tickAmount: 10
  }],
}

사용 사례에 맞게 다음 값을 변경합니다.

  • yAxis.min 속성은 실선 게이지 차트의 최솟값을 정의합니다.
  • yAxis.max 속성은 실선 게이지 차트의 최댓값을 정의합니다.
  • yAxis.tickAmount 속성은 실선 게이지 차트 주위에 표시해야 하는 라벨 수를 지정합니다. 라벨이 yAxis.min 및 yAxis.max 속성을 기준으로 균등하게 분산됩니다.

실선 게이지 차트 만들기

실선 게이지 차트를 만들려면 다음 단계를 따르세요.

  1. Explore에서 열 차트를 보거나 Look 또는 대시보드에서 열 차트를 수정합니다.

    이 예시에서는 측정기준 1개와 측정값 1개, 행 제한 1개가 있는 열 차트에서 시작하는 것이 좋습니다. 시작 차트가 다음 예시와 같이 표시될 수 있습니다.

    Y축으로 확장되는 단일 열이 있는 샘플 열 차트

  2. 시각화에서 수정 메뉴를 엽니다.

  3. 플롯 탭에서 차트 구성 수정 버튼을 클릭합니다. Looker에 차트 구성 수정 대화상자가 표시됩니다.

  4. 차트 구성(재정의) 섹션을 선택하고 이 페이지의 JSON 스니펫 작성 섹션에서 HighCharts JSON을 입력합니다.

  5. Looker가 JSON 형식을 올바르게 지정하도록 하려면 <>(코드 형식 지정)를 클릭합니다.

  6. 변경사항을 테스트하려면 미리보기를 클릭합니다.

  7. 변경사항을 적용하려면 적용을 클릭합니다. 커스텀 JSON 값을 사용하여 시각화가 표시됩니다.

시각화를 맞춤설정한 후 저장할 수 있습니다.