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

Gráfico de colunas mostrando o total de vendas por local da loja

Tempo para concluir: 5 minutos

Analisando os campos de dados disponíveis no esquema, algumas das informações mais valiosas que você pode transmitir giram em torno da receita. Você pode querer saber o desempenho de várias lojas, especificamente se houver alguma loja significativamente abaixo ou acima do desempenho em comparação com outras.

Umgráfico de colunas do funciona bem para este tipo de visualização porque você pode comparar facilmente a receita da loja individual com base no tamanho de cada coluna.

1
2

No modal Select Data Source que aparece:

  1. Clique na aba Project.

  2. Clique no nome do sistema que contém a fonte de dados de amostra.

  3. Clique no banco de dados do sample_supplies. As fontes de dados do banco de dados são exibidas.

  1. Clique em Select na fonte de dados do sales.

3

No menu suspenso Chart Type, selecione Stacked Column.

Para renderizar um gráfico de colunas empilhadas , o Atlas Charts cria uma barra ou coluna para cada valor distinto no campo de canal de codificação category .

4
  1. Arraste a propriedade storeLocation da seção Fields da visualização do Construtor de Gráficos para o canal de codificação X Axis .

    Isso diz ao Atlas Charts para criar uma coluna para cada valor storeLocation no conjunto de dados.

    Observação

    O Atlas Charts infere o tipo de dados de cada campo e fornece símbolos para determinar facilmente esses tipos de dados ao construir seu gráfico. Esses símbolos podem ajudar a garantir que seu gráfico seja renderizado conforme o esperado usando tipos de dados adequados para cada canal de codificação. Por exemplo, o ícone de calendário ao lado do campo saleDate significa que este campo é um carimbo de data/hora.

  2. Na seção Fields , clique no campo items para expandir o objeto items e exibir suas propriedades.

  3. Arraste o campo items.price para o canal de codificação Y Axis.

    Isso diz ao Atlas Charts para usar o campo items.price para aagregação do gráfico.

  4. No menu suspenso items abaixo Array Reductions, selecione Unwind array.

    As reduções de array determinam como processar uma array para que seus elementos possam ser visualizados. A opção unwind array cria um novo documento para cada elemento da array, portanto, o preço de cada item é adicionado ao total dessa loja.

  5. No menu suspenso Aggregate, selecione sum.

    O operador de agregação $sum adiciona os preços de todos os itens por loja para exibir o gráfico.

5
  1. Passe o mouse sobre o título do gráfico acima do centro do gráfico e clique no ícone de lápis.

  2. Copie o seguinte na entrada do título do gráfico:

    Total Sales ($) by Store Location
  3. Clique na marca de seleção para salvar seu título.

    Seu gráfico agora deve ter a seguinte aparência:

    Construtor de Gráficos de Barras Empilhados
    clique para ampliar

    Observe que as lojas que geram a maior parte da receita são as localizações Denver e Seattle .

6

Você será navegado de volta ao seu painel Super Supply Store Orders e ele deverá se parecer com o seguinte:

Estágio do painel do tutorial do pedido 1
clique para ampliar

Agora que temos uma visualização que mostra uma visão geral de alto nível da receita da loja, pode-se perguntar que tipo de item cada loja está vendendo mais. A seção a seguir do tutorial ilustra como construir um gráfico de pizza para analisar os nomes de tag de itens que estão sendo vendidos.

Voltar

Criar um dashboard