Como criar um gráfico de indicador sólido com o editor de configuração de gráfico
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Os gráficos de medidor sólido são úteis para mostrar 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 indicadores sólidos a partir de um gráfico de colunas no Looker. Os gráficos de indicador 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 métrica Satisfação do cliente (CSAT), que é representada por uma barra de progresso azul circular. Como os valores possíveis de pontuações de CSAT variam de 0 a 100, eles são representados em cada extremidade do indicador.
Mude os valores a seguir para se adequar ao seu caso de uso:
O atributo yAxis.min define o valor mínimo do gráfico de indicador sólido.
O atributo yAxis.max define o valor máximo do gráfico de indicador sólido.
O atributo yAxis.tickAmount especifica o número de rótulos que serão exibidos ao redor do gráfico de indicador 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 indicador sólido
Para criar um gráfico de indicador sólido, siga estas etapas:
Confira 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 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 Configuração do gráfico (substituir) e insira o JSON do HighCharts na seção Como escrever o snippet JSON desta página.
Para que o Looker formate seu JSON corretamente, clique em <> (Format code).
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.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Difícil de entender","hardToUnderstand","thumb-down"],["Informações incorretas ou exemplo de código","incorrectInformationOrSampleCode","thumb-down"],["Não contém as informações/amostras de que eu preciso","missingTheInformationSamplesINeed","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-07-30 UTC."],[],[],null,["# Creating a solid gauge chart with the Chart Config Editor\n\n| **Note:** Starting in Looker 24.8, the Chart Config Editor supports the creation of solid gauge charts.\n\nSolid gauge charts are useful for displaying numbers in a known range. Readers can quickly determine whether the current value is relatively high or low based on expected values.\n\nUsing the [Chart Config Editor](/looker/docs/chart-config-editor), you can create solid gauge charts by starting from a column chart in Looker. Solid gauge charts require one dimension and one measure.\n\nFor example, the following solid gauge chart shows the current value of the **Customer Satisfaction (CSAT)** measure, which is represented by a circular blue progress bar. Since the possible values of CSAT scores can be from 0 to 100, those values are represented on either end of the gauge.\n\nPrerequisites\n-------------\n\nTo access the Chart Config Editor, you must have the [`can_override_vis_config` permission](/looker/docs/admin-panel-users-roles#can_override_vis_config).\n\n### Writing the JSON snippet\n\nTo create a solid gauge chart, start from the following JSON snippet: \n\n {\n chart: {\n type: 'solidgauge'\n },\n yAxis: [{\n min: 0,\n max: 100,\n tickAmount: 10\n }],\n }\n\nChange the following values to fit your use case:\n\n- The `yAxis.min` attribute defines the minimum value for the solid gauge chart.\n- The `yAxis.max` attribute defines the maximum value for the solid gauge chart.\n- The `yAxis.tickAmount` attribute specifies the number of labels that should be displayed around the solid gauge chart. The labels will be evenly distributed based on the `yAxis.min` and `yAxis.max` attributes.\n\n### Creating a solid gauge chart\n\nTo create a solid gauge chart, follow these steps:\n\n1. View a [column chart](/looker/docs/column-options) in an Explore, or edit a column chart in a Look or dashboard.\n\n For this example, we recommend starting from a column chart with one dimension and one measure, with a limit of one row. Your starting chart might look something like this example:\n\n2. Open the **Edit** menu in the visualization.\n\n3. In the **Plot** tab, click the **Edit Chart Config** button. Looker displays the **Edit Chart Config** dialog.\n\n4. Select the **Chart Config (Override)** section, and enter the HighCharts JSON from the [Writing the JSON snippet](#json) section of this page.\n\n5. To let Looker properly format your JSON, click **\\\u003c\\\u003e (Format code)**.\n\n6. To test your changes, click **Preview**.\n\n7. To apply your changes, click **Apply**. The visualization will be displayed using the custom JSON values.\n\nOnce you've customized your visualization, you can save it."]]