Os gráficos de marcadores são úteis para mostrar a performance 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 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
.
Escrever 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 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:
Visualize um gráfico de barras em uma Análise detalhada ou edite um gráfico de barras em um Look ou painel.
Para este exemplo, recomendamos começar com um gráfico de barras com uma dimensão e uma medida, com um limite de uma linha. O gráfico inicial pode ser parecido com este exemplo:
Abra o menu Editar na visualização.
Na guia Gráfico, clique no botão Editar configuração do gráfico. O Looker mostra a caixa de diálogo Edit Chart Config.
Selecione a seção Chart Config (Override), e insira o HighCharts JSON da seção Writing the JSON snippet desta página.
Para permitir que o Looker formate corretamente seu JSON, clique em <> (código do formato).
Para testar as mudanças, clique em Visualizar.
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ê viu a visualização em uma Análise, salve-a. Se você editou um Look ou um dashboard, clique em Salvar.