Ir para o conteúdo

Como Criar um Gráfico de Áreas Empilhadas

Um gráfico de Área Empilhada é uma extensão de um gráfico de Área básico. Às vezes chamado de gráfico de Montanha, um gráfico de Área Empilhada soma os valores da série de dados para formar um total. Use este tipo de gráfico quando quiser rastrear o valor total, bem como entender a divisão do total por grupos.

stackedarea.png

Requisitos

Um gráfico de Área Empilhada requer pelo menos 2 Controles definidos para ser exibido corretamente, um para a Categoria e um para o Valor. Controles adicionais podem ser definidos se você estiver especificando Cor, Classificação, Sinalizador de Gráfico e/ou Objeto de Opções JSON.

O primeiro passo para criar qualquer gráfico em App Builder é ter um Business Object que contenha os dados que você deseja exibir. A Business Logic é onde você define quais dados mapeiam para a Category, Value e quaisquer controles adicionais que você deseja definir.

stackedarealogic.png

Como Configurar um Gráfico de Áreas Empilhadas

  1. Na visualização do aplicativo, vá para Action Drawer > App Workbench
  2. Clique no botão + Page
  3. Insira um Nome de Página. Por exemplo: Vendas anuais por funcionário
  4. Clique em Avançar
  5. Escolha um Menu para vincular à nova página. Por exemplo: Relatórios
  6. Clique em Avançar
  7. Selecione o layout do painel. Por exemplo: Página inteira
  8. Clique em Avançar
  9. Revise as informações sobre como App Builder criará a página e clique em Concluir
  10. Clique no botão Prosseguir
  11. Selecione Gráfico nas opções de Relatório
  12. Clique em Avançar
  13. Selecione um Objeto de Negócios existente com os dados subjacentes (se já existir um) ou clique em + Nova Fonte se for necessário criar um
  14. Clique em Avançar
  15. Revise as informações sobre como App Builder construirá o painel e clique em Concluir
  16. Vá para Gaveta de Ações > Live Designer
  17. Selecione o painel de gráficos na visualização do aplicativo
  18. Altere o Tipo de Gráfico para Área Empilhada
  19. Clique em Salvar
  20. Saia do painel de edição e confirme se o gráfico é exibido conforme o esperado