Ir para o conteúdo

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.