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

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

Com o Editor de configuração de gráficos, é possível criar gráficos com marcadores usando 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 o valor desejado 40, representado por uma linha vertical azul. O gráfico também indica intervalos de progresso entre 0 e 20, entre 20 e 40 e entre 40 e 80, cada um representado por um tom de cinza diferente.

Pré-requisitos

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

Como gravar o snippet JSON

Para criar um gráfico com marcadores, comece com este 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 de acordo com seu caso de uso:

• O atributo xAxis.categories substitui o rótulo do eixo X. Neste exemplo, o rótulo do eixo X deve ser o nome da medição Novos clientes.
• O atributo yAxis.plotBands especifica a cor de fundo do gráfico para determinados valores. Neste exemplo, a cor do plano 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 de destino para o gráfico de marcadores, que aparecerá como uma linha vertical. Neste exemplo, a meta é 40.

Como criar um gráfico com marcadores

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

1. Acesse um gráfico de barras em uma Análise ou edite um gráfico de barras em um Look ou um dashboard.

   Para este exemplo, recomendamos começar com um gráfico de barras com uma dimensão e uma medição, com o limite de uma linha. O gráfico inicial pode ser parecido com este exemplo:

   

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

3. Na guia Plot, clique no botão Edit Chart Config. O Looker mostra a caixa de diálogo Edit Chart Config.

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

5. Para permitir que o Looker formate o JSON corretamente, 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 sua visualização, você pode salvá-la. Se você viu a visualização em uma Análise, salve-a. Se você editou um Look ou um dashboard, clique em Salvar.