Como criar um gráfico de marcadores com o editor de configuração de gráficos

Os gráficos de marcadores são úteis para mostrar o desempenho em relação a uma meta ou o progresso em um objetivo.

Com o Editor de configuração de gráfico, é possível criar gráficos de marcadores a partir de um gráfico de barras no Looker.

Por exemplo, o gráfico de marcadores a seguir compara a medida Contagem de novos clientes, representada por uma barra de progresso azul, com um valor-alvo de 40, representado por uma linha vertical azul. O gráfico também indica buckets de progresso entre 0 e 20, entre 20 e 40 e entre 40 e 80, cada um representado por um tom diferente de cinza.

Pré-requisitos

Para acessar o Editor de configuração de gráficos, é preciso ter a permissão can_override_vis_config.

Como escrever o snippet JSON

Para criar um gráfico de marcadores, comece com o seguinte snippet 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
    }]
  }],
}

Altere os seguintes valores para se adequar ao seu caso de uso:

  • O atributo xAxis.categories substitui o rótulo do eixo X. Neste exemplo, o rótulo do eixo X precisa ser o nome da métrica Novos clientes.
  • O atributo yAxis.plotBands especifica a cor de fundo do gráfico para determinados valores. Neste exemplo, a cor de fundo é cinza-escuro (#666666) entre 0 e 20, cinza-médio (#999999) entre 20 e 40 e cinza-claro (#bbbbbb) entre 40 e 80.
  • O atributo series.data.target especifica o valor desejado para o gráfico de marcadores, que vai aparecer como uma linha vertical. Neste exemplo, a meta é 40.

Como criar um gráfico de marcadores

Para criar um gráfico de marcadores, siga estas etapas:

  1. Veja um gráfico de barras em uma Análise ou edite um gráfico de barras em um Look ou painel.

    Neste exemplo, comece com um gráfico de barras com uma dimensão e uma medição, com um limite de uma linha. Seu gráfico inicial pode ser parecido com este exemplo:

    Exemplo de gráfico de barras com uma única barra que se estende pelo eixo X.

  2. Abra o menu Editar na visualização.

  3. Na guia Gráfico, clique no botão Editar configuração do gráfico. O Looker exibe a caixa de diálogo Editar configuração do gráfico.

  4. Selecione a seção Configuração do gráfico (substituição) e insira o JSON do HighCharts da seção Como escrever o snippet JSON desta página.

  5. Para permitir que o Looker formate corretamente o JSON, clique em <> (Formatar código).

  6. Para testar as mudanças, clique em Visualizar.

  7. Para aplicar as mudanças, clique em Aplicar. A visualização será mostrada usando os valores JSON personalizados.

Depois de personalizar a visualização, você pode salvá-la. Se você acessou a visualização em uma Análise, salve a Análise. Se você editou um Look ou um dashboard, clique em Salvar.