차트 구성 편집기로 불릿 차트 만들기

불릿 차트는 타겟에 대한 실적 또는 목표의 진행 상태를 표시할 때 유용합니다.

차트 구성 편집기를 사용하면 Looker의 막대 그래프에서 시작하여 불릿 차트를 만들 수 있습니다.

예를 들어 다음 불릿 차트는 파란색 진행률 표시줄로 표시되는 신규 고객 수 측정값을 파란색 수직선으로 표시된 타겟팅 값 40과 비교합니다. 또한 차트는 0~20, 20~40, 40~80 사이의 진행률 버킷을 나타내며 각각 다른 음영으로 표시됩니다.

기본 요건

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

JSON 스니펫 작성

불릿 차트를 만들려면 다음 JSON 스니펫에서 시작합니다.

{
  chart: {
    type: 'bullet'
  },
  xAxis: {
    categories: ['New Customers']
  },
  yAxis: {
    plotBands: [{
      from: 0,
      to: 20,
      color: '#666666'
    }, {
      from: 20,
      to: 40,
      color: '#999999'
    }, {
      from: 40,
      to: 80,
      color: '#bbbbbb'
    }],
  },
  series: [{
    data: [{
      target: 40
    }]
  }],
}

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

  • xAxis.categories 속성은 X축의 라벨을 덮어씁니다. 이 예시에서 X축 라벨은 측정 이름인 신규 고객이어야 합니다.
  • yAxis.plotBands 속성은 특정 값에 대한 차트의 배경 색상을 지정합니다. 이 예시에서 배경 색상은 0~20 사이는 진한 회색(#666666), 20~40 사이는 중간 회색(#999999), 40~80 사이는 밝은 회색(#bbbbbb)입니다.
  • series.data.target 속성은 수직선으로 표시되는 불릿 차트의 대상 값을 지정합니다. 이 예시에서 대상은 40입니다.

불릿 차트 만들기

불릿 차트를 만들려면 다음 단계를 따르세요.

  1. Explore에서 막대 그래프를 보거나 Look 또는 대시보드에서 막대 그래프를 수정합니다.

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

    X축을 따라 확장되는 단일 막대가 있는 샘플 막대 그래프입니다.

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

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

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

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

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

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

시각화를 맞춤설정한 후 저장할 수 있습니다. Explore에서 시각화를 확인한 경우 탐색 분석을 저장합니다. Look 또는 대시보드를 수정한 경우 저장을 클릭합니다.