

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# Painel de gráfico de barras
<a name="v9-panels-bar-chart"></a>

****  
Este tópico de documentação foi desenvolvido para espaços de trabalho do Grafana compatíveis com o **Grafana versão 9.x**.  
Para espaços de trabalho do Grafana que suportam a versão 12.x do Grafana, consulte. [Trabalhando na versão 12 do Grafana](using-grafana-v12.md)  
Para espaços de trabalho do Grafana compatíveis com o Grafana versão 10.x, consulte [Trabalhar no Grafana versão 10](using-grafana-v10.md).  
Para espaços de trabalho do Grafana compatíveis com o Grafana versão 8.x, consulte [Trabalhar no Grafana versão 8](using-grafana-v8.md).

Essa visualização em painel permite representar em grafos dados categóricos.

## Formatos de dados compatíveis
<a name="v9-panels-bar-chart-formats"></a>

Somente um quadro de dados é compatível e ele precisa ter pelo menos um campo de string que será usado como categoria para um eixo X ou Y e um ou mais campos numéricos. Veja abaixo um exemplo de formatos de dados:


|  Navegador  |  Participação no mercado  | 
| --- | --- | 
|  Chrome  |  50  | 
|  Internet Explorer  |  17,5  | 

Se você tiver mais de um campo numérico, o painel mostrará barras agrupadas.

### Visualizar séries temporais ou vários conjuntos de resultados
<a name="v9-panels-bar-chart-visualization"></a>

Se você tiver várias séries temporais ou tabelas, primeiro precisará juntá-las usando uma associação ou a transformação de redução. Por exemplo, se você tiver várias séries temporais e quiser comparar o último valor e o valor máximo, adicione a transformação **Reduzir** e especifique **Máximo** e **Último** como opções em **Cálculos**.

## Opções do gráfico de barras
<a name="v9-panels-bar-chart-options"></a>

Use estas opções para refinar as visualizações:

**Orientation (Orientação)**
+  **Automático**: o Grafana decide a orientação da barra com base nas dimensões do painel.
+  **Horizontal**: torna o eixo X o eixo da categoria.
+  **Vertical**: torna o eixo Y o eixo da categoria.

X-axis O **comprimento máximo do rótulo de verificação** define o comprimento máximo dos rótulos do gráfico de barras. Rótulos maiores que o comprimento máximo ficam truncados (com elipses).

**Espaçamento mínimo dos rótulos das barras** define o espaçamento mínimo entre os rótulos das barras.

**Mostrar valores**

Controla se os valores são mostrados na parte superior ou à esquerda das barras.
+  **Automático**: os valores serão mostrados se houver espaço.
+  **Sempre**: sempre mostra valores.
+  **Nunca**: nunca mostra valores.

**Empilhamento**

Controla o empilhamento do gráfico de barras.
+  **Desligado**: as barras não serão empilhadas.
+  **Normal**: as barras serão empilhadas umas sobre as outras.
+  **Porcentagem**: as barras serão empilhadas umas sobre as outras, e a altura de cada barra será a porcentagem da altura total da pilha (todas as pilhas de barras terão a mesma altura, totalizando 100%).

**Largura do grupo** controla a largura dos grupos. 0 = mín. e 1 = largura máx.

**Largura da barra** controla a largura das barras. 0 = mín. e 1 = largura máx.

**Raio da barra** controla o raio das barras, 0 = mínimo e 0,5 = raio máximo.

**Destacar a área inteira ao passar o mouse** controla se a área ao redor da barra está destacada quando você passa o mouse sobre a barra com um ponteiro.

**Largura da linha** controla a largura da linha das barras.

**Opacidade de preenchimento** controla a opacidade de preenchimento das barras.

**Modo gradiente** define o modo de preenchimento gradiente. O gradiente de preenchimento é baseado na cor da linha. Para alterar a cor, use a opção de campo padrão do esquema de cores. A aparência do gradiente é influenciada pela configuração de **Opacidade de preenchimento**.
+  **Nenhum**: sem preenchimento gradiente; esta é a configuração padrão.
+  **Opacidade**: a transparência do gradiente é calculada com base nos valores no eixo y. A opacidade do preenchimento está aumentando com os valores no. Y-axis
+  **Matiz**: a cor do gradiente é gerada com base na matiz da cor da linha.

**Modo de dica de ferramenta**: quando você passa o cursor sobre a visualização, o Grafana pode exibir dicas de ferramentas. Escolha como as dicas de ferramentas se comportam.
+  **Único**: a dica de ferramenta ao passar o cursor mostra somente uma única série, aquela sobre a qual você está passando o mouse na visualização.
+  **Tudo**: a dica de ferramenta ao passar o cursor mostra todas as séries na visualização. O Grafana destaca a série sobre a qual você está passando o mouse em negrito na lista de séries na dica de ferramenta.
+  **Oculto**: não exibe a dica de ferramenta quando você interage com a visualização.

**nota**  
Você pode usar uma substituição para ocultar séries individuais na dica de ferramenta.

**Modo de legenda**: use estas configurações para refinar como a legenda aparecerá na sua visualização. Para obter mais informações, consulte [Configurar uma legenda](v9-panels-configure-legend.md).
+  **Lista**: exibe a legenda como uma lista. Este é um modo de exibição padrão da legenda.
+  **Tabela**: exibe a legenda como uma tabela.
+  **Oculto**: oculta a legenda.

**Posicionamento da legenda**: escolha onde posicionar a legenda.
+  **Parte inferior**: abaixo do grafo.
+  **Direita**: à direita do grafo.

**Cálculos da legenda**: escolha quais dos cálculos padrão serão exibidos na legenda. Você pode ter mais de um.

**Tamanho do texto**: insira um valor para alterar o tamanho do texto no gráfico de barras.

**Eixo**: use as seguintes configurações de campo para refinar a exibição dos eixos. Algumas opções de campo não afetarão a visualização até você clicar fora da caixa de opções do campo que você está editando, ou pressionar Enter.
+  **Posicionamento** — Define o posicionamento do Y-axis.
+  **Auto** — Grafana atribui automaticamente Y-axis à série. Quando há duas ou mais séries com unidades diferentes, o Grafana atribui o eixo esquerdo à primeira unidade e o direito às unidades seguintes.
+  **Esquerda** — Exibe tudo Y-axes no lado esquerdo.
+  **Direita** — Exibe tudo Y-axes no lado direito.
+  **Oculto** — Esconda tudo Y-axes.
+  **Rótulo** — Defina um rótulo de Y-axis texto. Se você tiver mais de um Y-axis, poderá atribuir rótulos diferentes com uma substituição.
+  **Largura**: defina uma largura fixa do eixo. Por padrão, o Grafana calcula dinamicamente a largura de um eixo.

  Ao definir a largura do eixo, os dados com diferentes tipos de eixos podem compartilhar as mesmas proporções de exibição. Isso facilita a comparação de dados de mais de um grafo porque os eixos não são deslocados ou estendidos dentro da proximidade visual um do outro.
+  **Soft min e soft max** — Defina uma opção soft min e soft max para melhor controle dos Y-axis limites. Por padrão, o Grafana define o intervalo Y-axis automaticamente com base no conjunto de dados.

  As configurações de mínimo e máximo flexíveis podem evitar que os blips se transformem em montanhas quando os dados estão praticamente nivelados, e as opções de mínimo e máximo rígidos derivados das opções do campo mínimo e máximo padrão podem evitar que picos intermitentes nivelem detalhes úteis ao cortar os picos além de um ponto definido.

  Você pode definir min/max opções padrão para definir limites rígidos do Y-axis.