Ir para o conteúdo

Como Criar um Gráfico de Áreas Empilhadas

Gráficos de áreas empilhadas são um novo recurso disponível no Vinyl 3.3. 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 acompanhar o valor total, bem como entender o detalhamento do total por grupos.

stackedarea.png

Requisitos

Um gráfico de área empilhada requer pelo menos dois controles definidos para ser exibido corretamente, um para Categoria e outro para Valor. Controles adicionais podem ser definidos se você estiver especificando Cor, Classificar, Sinalizador de gráfico e/ou Objeto de opções JSON.

O primeiro passo para criar qualquer gráfico no Vinyl é ter um Business Object que contenha os dados que você deseja exibir. A lógica de negócios é onde você define quais dados são mapeados para categoria, valor 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 + Página
  3. Insira uma Página Nome. 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 layout do painel. Por exemplo: página inteira
  8. Clique em Avançar
  9. Revise as informações sobre como o Vinyl construirá a página e clique em Concluir
  10. Clique no botão Continuar
  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) ou clique em + Nova Fonte se for necessário criar um
  14. Clique em Avançar
  15. Revise as informações sobre como o Vinyl construirá o painel e clique em Concluir
  16. Vá para Gaveta de Ação > Live Designer
  17. Selecione o painel do gráfico 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 pretendido