Ir para o conteúdo

Gráfico de rede no Jitterbit App Builder

Network Graphs têm muitos casos de uso de negócios diferentes, incluindo mostrar relacionamentos entre empresas, pessoas ou produtos. Um Network Graph ajuda a visualizar como as coisas estão interconectadas umas com as outras, onde as entidades são exibidas como nós e os relacionamentos entre elas são exibidos com linhas.

Um usuário pode interagir com o Network Graph usando as ferramentas no canto inferior direito e também arrastando dentro do próprio painel. O Network Graph pode ser salvo fora do App Builder clicando com o botão direito do mouse em cima do diagrama e escolhendo Salvar imagem como.... Isso colocará um arquivo de imagem no local que você direcionar.

A configuração para um Network Graph é semelhante a outros tipos de Chart no App Builder e depende de um Business Object associado que contém as informações que estão sendo exibidas no próprio gráfico. O Business Object é essencialmente uma lista de links que o Network Graph exibirá, onde o Node Control é o nó em si, e o From Control é o nó ao qual ele está conectado. Aqui está um exemplo de ilustração do Network Graph, junto com o Business Object associado usado para gerar o gráfico:

networkgraph.png

Configuração do gráfico

O Network Graph suporta os seguintes tipos de controle:

  • Node: O próprio nó. Campo obrigatório.
  • From: Representa o nó ao qual um nó se conecta. Campo obrigatório.
  • Color: Cor do nó
  • Node Label: Opcionalmente usado se você quiser fornecer um rótulo diferente para o próprio nó. Os valores do nó precisam ser exclusivos para que o gráfico funcione, enquanto o valor do rótulo pode ser o que você quiser.
  • JSON Option Objects: Objeto JSON que substitui as opções do gráfico. Usado para controle sobre o estilo padrão do gráfico.
  • Link Color: Cor do link

Como adicionar um gráfico de rede

  1. Vá para Action Drawer > Live Designer
  2. Clique em + Add Panel
  3. Selecione Network Graph > Select Type
  4. Selecione a origem do painel. Por exemplo: NetworkGraph (Source)
  5. Clique em Create Panel
  6. Clique em Controls > + Control
  7. Selecione o tipo de controle Node
  8. Selecione a Column que mapeia para o valor do nó. Por exemplo: Node
  9. Clique em Save
  10. Selecione + Control
  11. Selecione o tipo de controle From
  12. Selecione a Column que mapeia para o valor do nó. Por exemplo: From
  13. Clique em Save
  14. Visualize o gráfico e determine se deseja adicionar alguma configuração ou estilo adicional