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 Contagem de novos clientes, representada por uma barra de progresso azul, a um valor de destino de 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
}]
}],
}
Mude os valores a seguir para se adequar ao 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:
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:
Abra o menu Editar na visualização.
Na guia Plot, clique no botão Edit Chart Config. O Looker mostra a caixa de diálogo Edit Chart Config.
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.
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 sua visualização, você pode salvá-la. Se você viu a visualização em uma Análise, salve-a. Se você tiver editado um visual ou um painel, clique em Salvar.