Como criar um gráfico de medidor sólido com o Editor de configuração de gráfico

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ólidos, começando por 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 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 variar de 0 a 100, eles são representados nas extremidades do medidor.

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

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

Altere os seguintes valores de acordo com seu caso de uso:

  • O atributo yAxis.min define o valor mínimo do gráfico de medidor sólido.
  • O atributo yAxis.max define o valor máximo do gráfico de medidor 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 uniformemente 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. Confira um gráfico de colunas em uma Análise ou edite um gráfico de colunas em um Look ou um dashboard.

    Para este exemplo, recomendamos começar com um gráfico de colunas com uma dimensão e uma medição, com o limite de uma linha. O 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 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 <> (código do formato).

  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.