Menu Docs
Página inicial do Docs
/
Atlas Charts
/

Gráficos de colunas e barras

Nesta página

  • Canais de codificação de gráficos de colunas e barras
  • Tipos de Gráficos de Colunas e Barras
  • Casos de uso
  • Opções de personalização
  • Exemplos
  • Limitações

Dados do gráfico de colunas e barras em segmentos horizontais ou verticais onde o comprimento do segmento é proporcional ao valor dos dados. Gráficos de colunas e barras fornecem visão geral de alto nível das tendências de dados, comparando valores dentro de uma categoria específica.

Os gráficos de colunas e barras, exceto otipo de gráfico deandlestick , fornecem os seguintes canais de codificação:

Canal de codificação
Descrição
Eixo X/Y
  • No canal de codificação do eixo category, uma barra ou coluna é renderizada para cada valor único deste campo.

    Em um gráfico de colunas, a category é o X Axis, que resulta em segmentos verticais. Em um gráfico de barras, a category é o Y Axis, que resulta em segmentos horizontais.

  • O canal de codificação do eixo aggregation determina em qual campo agregar e o tipo de aggregation a ser executada. Em última análise, isso determina o tamanho de cada barra ou coluna.

    Você pode agregar em múltiplos campos em seu conjunto de dados para criar gráficos de múltiplas séries. Para obter mais informações, consulte Vários Mapeamentos de Campo.

Série

(Opcional) Um canal de codificação category que segmente a categoria do eixo com base nos valores únicos neste campo.

Se omitido, o Atlas Charts renderiza um gráfico básico de barras ou colunas com apenas uma comparação dos campos X Axis e Y Axis.

Esta opção está disponível somente para gráficos Agrupados e Empilhados com um campo único mapeado no canal aggregation .

Cor
(Opcional) Um canal de codificação aggregation para gráficos coloridos que altera as cores das barras ou colunas para refletir o valor agregado do campo, com cores mais escuras que significam valores maiores.

Os gráficos de colunas e barras fornecem os seguintes subtipos:

Nome do Subtipo
Descrição

O Atlas Charts agrupa os dados pela categoria especificada no canal de codificação category e traça uma barra ou coluna para cada valor no canal de codificação Series.

Referência de gráfico de colunas agrupadas pequeno
clique para ampliar

Para obter um exemplo mais detalhado, consulte o exemplo de gráfico de colunas agrupadas.

O Atlas Charts cria uma barra ou coluna para cada valor distinto no campo do canal de codificação category e divide cada barra ou coluna em segmentos com base no canal de codificação Series.

Referência de Gráfico de Barras Empilhadas Pequena
clique para ampliar

Para um exemplo mais detalhado, consulte o exemplo de gráfico de barras empilhado.

100% dos gráficos empilhados se comportam de forma semelhante aos gráficos empilhados tradicionais, com a diferença de que, em um gráfico empilhado de 100%, cada barra ou coluna é normalizada para um valor consistente de 100%. Assim como nos gráficos empilhados tradicionais, cada barra ou coluna é dividida em segmentos com base no canal de codificação Series. Cada série é mostrada como uma porcentagem do todo.

Ao usar um gráfico empilhado tradicional, pode ser difícil comparar as proporções de cada série com o todo se os valores totais das barras/colunas forem muito diferentes. Esse tipo de gráfico facilita a comparação de proporções dentro de cada barra ou coluna, mostrando porcentagens relativas.

Não é possível personalizar as opções de eixo de valor mínimo, máximo ou de escala logarítmica de gráficos empilhados 100%.

Referência de gráfico de barras coloridas pequena
clique para ampliar

Para obter um exemplo mais detalhado , consulte o exemplo de gráfico de barras100% empilhado .

O Atlas Charts cria uma barra ou coluna para cada valor distinto no campo category do canal de codificação e o canal de codificação Color altera a cor de cada barra/coluna com base no valor agregado do valor especificado no canal de codificação.

Referência de gráfico de barras coloridas pequena
clique para ampliar

Para um exemplo mais detalhado, consulte o exemplo de gráfico de barras colorido.

O Atlas Charts agrupa dados numéricos pelo período especificado no category canal de codificação e traça uma coluna vertical que mostra os valores mais altos, mais baixos, de abertura e fechamento em sua fonte de dados para cada período. Para saber mais, consulte Gráficos de Candlestick.

Referência de gráfico de velas pequena
clique para ampliar

Para um exemplo mais detalhado, consulte o exemplo de gráfico de velas.

Gráficos de colunas e barras exibem informações em formas semelhantes e, como tal, têm casos de uso semelhantes. Existem, no entanto, situações em que pode ser benéfico usar um em vez do outro:

  • Um gráfico de barras pode ser uma opção melhor do que um gráfico de colunas quando as etiquetas das categorias são longas, pois pode ser difícil identificar rapidamente qual etiqueta se aplica a qual coluna.

  • Um gráfico de colunas pode ser uma escolha melhor ao comparar valores sequenciais (como tempo ou dados geográficos) porque o visualizador lerá intuitivamente esses gráficos da esquerda para a direita e obterá a imagem completa da visualização.

Dica

Os gráficos de colunas e barras são mais adequados para dados com categorias limitadas. Ao traçar dados com várias categorias, como anos em um longo período de tempo, considere usar um gráfico de linhas.

Você também pode limitar o número de categorias exibidas em seu gráfico para focar em um subconjunto de seus dados. O Atlas Charts fornece os seguintes métodos para reduzir o número de barras ou colunas apresentadas na visualização:

As seguintes opções de personalização são específicas para gráficos de colunas e barras. Para ver todas as opções de personalização disponíveis, consulte Personalizar gráficos.

Você pode ajustar o ângulo da etiqueta do eixo X para uma das seguintes opções:

Opção
Descrição
Vertical
Etiquetas alinhadas à direita em um ângulo de 270 graus.
Horizonal
Etiquetas alinhada] ao centro em um ângulo de 0 graus.
Diagonal
Etiquetas alinhadas à direita em um ângulo de 315 graus.

Para definir esta opção:

  1. Clique na aba Customize do seu gráfico.

  2. Na seção Axes, selecione um Label Angle para o X Axis.

Você determina se os gráficos exibirão etiquetas de texto para seus valores de dados. As etiquetas de valores de dados mostram os valores exatos dos seus pontos de dados.

Para definir esta opção:

  1. Abra o painel Personalizar para seu gráfico.

  2. Na seção General, defina o seletor Data Value Labels para a configuração desejada.

Para personalizar a formatação do número na etiqueta de dados, modifique as configurações de Formatação de Número para o campo relevante.

Observação

Quando usadas com gráficos de barras e colunas empilhadas, as etiquetas de dados mostram a soma de todas as séries em cada coluna ou barra.

O gráfico de colunas agrupadas a seguir mostra os itens mais comuns vendidos em uma loja de material de escritório em várias lojas.

A categoria X Axis de storeLocation cria um grupo para cada localização de armazenamento no conjunto de dados, e cada grupo é dividido pela coluna series de item.name. Isso, por fim, exibe a contagem do nome de cada item vendido em cada localização de armazenamento:

Referência de Gráfico de Colunas Agrupadas
clique para ampliar

O gráfico de colunas empilhadas a seguir mostra o número de prêmios ganhos pelos 10 diretores de cinema mais premiados, com cada barra segmentada pelos gêneros de filmes dirigidos por esse diretor.

A categoria X Axis de diretor cria uma coluna para cada diretor no conjunto de dados, que limitamos apenas aos 10 principais, conforme classificados pela soma agregada de awards.wins de Y Axis. O Series campo de canal de codificação de genres segmenta cada coluna para retratar os gêneros dos filmes dirigidos por esse diretor:

Referência de gráfico de colunas empilhadas
clique para ampliar

O gráfico de barras empilhadas 100% a seguir exibe o custo mensal do aluguel de uma casa em três regiões diferentes de Austin, Texas, EUA. O uso de um gráfico empilhado 100% permite visualizar a porcentagem de imóveis de aluguel em cada compartimento monthly_price dentro de cada bairro. Isso fornece uma imagem prática comparando valores de aluguel nestes bairros.

Este é o filtro completo utilizado para este gráfico:

{
$and: [
{ monthly_price:
{ $exists: true, $lte: 2000 }
},
{ 'address.suburb':
{ $in: ["Georgian Acres", "South Congress", "Wooten"] }
}
]
}

O canal de categoria Y Axis cria uma barra para cada um dos três subúrbios do filtro. O canal X Axis agrega para obter uma contagem de documentos correspondentes a cada subúrbio. O canal de codificação Series de monthly_price divide cada barra em categorias coloridas de acordo com a legenda no lado direito do gráfico:

Referência do Gráfico de Barras Colorido
clique para ampliar

O gráfico de barras colorido a seguir mostra a média de Rotten Tomatoes classificação para países com as 10 classificações mais altas e colore cada barra para mostrar o tempo médio de duração dos filmes de cada país.

A categoria Y Axis cria uma barra para cada país no conjunto de dados, que limitamos apenas aos 10 principais, conforme organizado pela média agregada do campo tomato.rating do X Axis. O campo de canal de codificação Color de runtime tem uma cor para cada barra para mostrar o tempo médio de duração para filmes de cada país. Uma sombra verde escura indica um tempo de duração médio mais longo:

Referência do Gráfico de Barras Colorido
clique para ampliar

O tamanho máximo da resposta da query para gráficos de colunas e barras é de 5.000 documentos.

Voltar

Gráficos de linguagem natural