Tempo para concluir: 5 minutos
Em seguida, adicionaremos um gráfico onde você poderá ver rapidamente quais tipos de itens a empresa está vendendo mais. Essas informações serão úteis para que a equipe de marketing da empresa saiba como a publicidade direta é eficaz.
Nesse cenário, seu gerente manifestou interesse especificamente em itens vendidos nas lojas Denver
e New York
. Além disso, eles solicitaram para visualizar apenas as vendas que contêm um item que custa $1200
ou mais, em um esforço para examinar mais de perto a nova linha de laptops que está sendo vendida nesses locais e que tipos de itens estão sendo comprados com eles. Você pode fazer isso usando umfiltro em seu gráfico de pizza, conforme mostrado no procedimento a seguir.
Construir o gráfico
Selecione a sample_supplies.sales
fonte de dados .
No modal Select Data Source que aparece:
Clique na aba Project.
Clique no nome do sistema que contém a fonte de dados de amostra.
Clique no banco de dados do
sample_supplies
. As fontes de dados do banco de dados são exibidas.
Clique em Select na fonte de dados do
sales
.
Selecione o Tipo de Gráfico
No menu suspenso Chart Type, selecione Circular.
Clique em Donut abaixo do menu suspenso.
Exemplo
Gráfico de donuts
Um gráfico de pizza é uma boa opção para este gráfico porque os gráficos de pizza mostram a relação das partes com um todo. Usando esse tipo de gráfico, você pode ter uma ideia facilmente de quais tags compõem a maior parte do total de vendas.
Adicione os campos desejados aos canais de codificação apropriados.
Na seção Fields , clique no campo
items
para expandir o objetoitems
e exibir suas propriedades.Arraste o campo
items.tags
para o canal de codificação Label . O canal de codificação Label determina qual campo usar ao dividir as seções do gráfico.No array reduction menu suspenso
items
Unwind array, selecione .Nos menus suspensos array reduction do
tags
, selecione Array element by index. Usando esta opção, você pode especificar qual elemento da arraytags
visualizar.Insira
0
para a entrada Index para visualizar somente o primeiro elemento da arraytags
. A primeira marcação do item é a marcação mais relevante para o item, portanto, deve ser a principal preocupação na visualização. Esta é a marcação principal do item.Observação
Selecionar um elemento de array por índice também garante que o gráfico não seja sobrecarregado com marcações menos importantes, como seria se você tivesse escolhido desenrolar a array
tags
em vez de selecionar um elemento específico.Arraste o campo
id
para o canal de codificação Arc.No menu suspenso Aggregate , selecione count. Esta opção conta as ocorrências da primeira marcação de cada item e as adiciona ao gráfico.
Seu gráfico agora deve ter a seguinte aparência:

Copie o seguinte filtro na Query entrada acima da exibição do gráfico principal.
{ storeLocation: { $in: [ "Denver", "New York" ] }, 'items.price': {$gte: 1200} }
Esse filtro especifica que o Charts só visualiza tags de itens vendidos na loja Denver
ou New York
onde havia um item na venda que custava $1200
ou mais.
Clique Apply em à direita do filtro.
Seu gráfico agora deve ter a seguinte aparência:

Observe como a tag electronics
agora ocupa uma fatia maior da distribuição em comparação com quando não estava usando o filtro. Com base nesse gráfico, observe que office
e school
são as duas marcações de item primário mais comuns de vendas correspondentes ao filtro.
Próximos passos
Agora que temos um gráfico que mostra as marcações dos itens vendidos, seria útil saber quais itens específicos são mais comumente vendidos nas várias lojas. Para fazer isso, consulte a próxima seção para ver como implementar um gráfico de colunas agrupadas mostrando os itens mais comuns vendidos por local da loja.