Ir para o conteúdo

Transforme as suas conexões em um bônus de fim de ano com o nosso novo Programa de Indicação de Clientes! Saiba mais

Esta documentação é para a versão 4 e posterior do App Builder, o novo nome do Vinyl. Acesse a documentação do Vinyl aqui.

Como criar um gráfico de eixo secundário no Jitterbit App Builder

Este artigo mostrará como criar um gráfico que tenha um eixo secundário no App Builder. Usando o eixo secundário, você pode apresentar um gráfico com dois eixos verticais mostrando diferentes tipos de dados, por exemplo, Quantidade e Totais do pedido. Por padrão, o App Builder atribui várias colunas de valor ao mesmo eixo vertical, o que provavelmente não é o que você está tentando fazer. Aqui está um exemplo de um gráfico com um eixo secundário definido:

Gráfico de pedidos do cliente

Para criar um gráfico com dois eixos verticais separados, siga este guia.

O primeiro passo para criar qualquer gráfico no App Builder é ter uma regra de negócios que contenha os dados que você deseja exibir. Para o propósito deste cenário, assumiremos que temos um objeto de negócios ou regra de gráfico já criado para OrderDetails (Total por funcionário). Este objeto de negócios une as tabelas Order e Order Detail e contém colunas para OrderDetail.Quantity, Orders.Employee_ID e uma expressão que deriva um valor em dólar do total do pedido (alias como OrderTotal).

Para criar um gráfico de eixo secundário

  1. No App Workbench clique em + Página
  2. Forneça um Nome para a Página e clique em Criar. Por exemplo: Pedidos do cliente
  3. Clique em Avançar
  4. Selecione um Menu para vincular a página e clique em Avançar. Por exemplo: Relatórios
  5. Selecione o layout Página inteira e clique em Avançar
  6. Revise as atualizações propostas e clique em Concluir
  7. Clique no botão Prosseguir
  8. Clique na opção Gráfico e clique em Avançar
  9. Localize a Regra de negócios criada para este gráfico, clique em Selecionar e clique em Avançar
  10. Revise as atualizações propostas e clique em Concluir
  11. Vá para Gaveta de ações > Projetar esta página e selecione o gráfico
  12. Confirme se o Tipo de gráfico está definido corretamente. Por exemplo: Coluna
  13. Verifique se o Nome do painel é o que você gostaria de exibir. Por exemplo: Detalhes do pedido
  14. Clique no botão + Controle no painel Controles
  15. Selecione a Coluna que contém os dados que você deseja exibir ao longo do primeiro eixo vertical. Por exemplo: Quantidade
  16. Defina o Tipo de controle como Valor
  17. Clique no botão + Controle
  18. Selecione a Coluna que contém os dados que você deseja exibir ao longo do segundo eixo vertical. Por exemplo: Total do pedido
  19. Defina o Tipo de controle como Valor e defina o Eixo do gráfico (em Atributos adicionais) como Secundário
  20. Clique no botão + Controle
  21. Selecione a Coluna que contém os dados que você deseja exibir ao longo do eixo horizontal. Por exemplo: Customer_ID
  22. Defina o Tipo de controle como Categoria
  23. Navegue de volta para a visualização do aplicativo e atualize a tela. Agora você deve ver a exibição do seu gráfico com as informações do Eixo secundário apresentadas.