Criar um gráfico de velocímetro sólido com o editor de configuração de gráficos

Os gráficos de indicadores sólidos são úteis para apresentar números num intervalo conhecido. Os leitores podem determinar rapidamente se o valor atual é relativamente elevado ou baixo com base nos valores esperados.

Com o editor de configuração de gráficos, pode criar gráficos de velocímetro sólidos a partir de um gráfico de colunas no Looker. Os gráficos de velocímetro sólido requerem uma dimensão e uma medida.

Por exemplo, o seguinte gráfico de velocímetro sólido mostra o valor atual da métrica Satisfação do cliente (CSAT), que é representada por uma barra de progresso azul circular. Uma vez que os valores possíveis das classificações de CSAT podem variar entre 0 e 100, esses valores são representados em qualquer uma das extremidades do indicador.

Pré-requisitos

Para aceder ao editor de configuração de gráficos, tem de ter a autorização can_override_vis_config.

Escrever o fragmento JSON

Para criar um gráfico de indicador sólido, comece pelo seguinte fragmento JSON:

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

Altere os seguintes valores para se adequarem ao seu exemplo de utilização:

• 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 etiquetas que devem ser apresentadas à volta do gráfico de indicador sólido. As etiquetas são distribuídas uniformemente com base nos atributos yAxis.min e yAxis.max.

Criar um gráfico de indicador sólido

Para criar um gráfico de indicador sólido, siga estes passos:

1. Veja um gráfico de colunas numa análise detalhada ou edite um gráfico de colunas num relatório ou num painel de controlo.

   Para este exemplo, recomendamos que comece com um gráfico de colunas com uma dimensão e uma medida, com um limite de uma linha. O gráfico inicial pode ter um aspeto semelhante ao deste exemplo:

   

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

3. No separador Gráfico, clique no botão Editar configuração do gráfico. O Looker apresenta a caixa de diálogo Editar configuração do gráfico.

4. Selecione a secção Configuração do gráfico (substituição) e introduza o JSON do HighCharts da secção Escrever o fragmento JSON desta página.

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

6. Para testar as alterações, clique em Pré-visualizar.

7. Para aplicar as alterações, clique em Aplicar. A visualização é apresentada com os valores JSON personalizados.

Depois de personalizar a visualização, pode guardá-la.