Como criar um gráfico de indicador sólido com o editor de configuração de gráfico

Os gráficos de medidor sólido são úteis para exibir números em um intervalo conhecido. Os leitores podem determinar rapidamente se o valor atual é relativamente alto ou baixo com base nos valores esperados.

Com o Editor de configuração de gráficos, é possível criar gráficos de medidor sólido usando um gráfico de colunas no Looker. Os gráficos de medidor sólido exigem uma dimensão e uma medição.

Por exemplo, o gráfico de medidor sólido a seguir mostra o valor atual da medida de satisfação do cliente (CSAT), que é representada por uma barra de progresso azul circular. Como os valores possíveis das pontuações de CSAT podem ser de 0 a 100, esses valores são representados em cada extremidade do medidor.

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 medidor sólido, comece com o seguinte snippet JSON:

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

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

  • O atributo yAxis.min define o valor mínimo para o gráfico de indicador sólido.
  • O atributo yAxis.max define o valor máximo para o gráfico de indicador sólido.
  • O atributo yAxis.tickAmount especifica o número de rótulos que devem ser exibidos ao redor do gráfico de medidor sólido. Os rótulos serão distribuídos de maneira uniforme com base nos atributos yAxis.min e yAxis.max.

Como criar um gráfico de medidor sólido

Para criar um gráfico de medidor sólido, siga estas etapas:

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

    Para este exemplo, recomendamos começar com um gráfico de colunas 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 colunas com uma única coluna que se estende pelo eixo Y.

  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.