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.

✕

Gráfico de Rede

Gráficos de rede têm muitos casos de uso de negócios diferentes, incluindo mostrar relacionamentos entre empresas, pessoas ou produtos. Um gráfico de rede ajuda a visualizar como as coisas estão interconectadas entre si, 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 gráfico de rede usando as ferramentas no canto inferior direito e também arrastando dentro do próprio painel. O gráfico de rede pode ser salvo fora de 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 em App Builder, e depende de um Business Object associado que contém as informações 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