1. Produtos
  2.   Diagrama
  3.   JavaScript
  4.   GoJS

GoJS

 
 

Gerar e manipular diagramas via API JavaScript

Biblioteca JavaScript de código aberto que permite aos desenvolvedores criar e processar diagramas, tabelas e gráficos dentro de seus próprios aplicativos JavaScript.

Uma biblioteca JavaScript muito poderosa que oferece aos desenvolvedores de software a capacidade de gerar e manipular diagramas, tabelas e gráficos dentro de seus próprios aplicativos JavaScript. A biblioteca inclui suporte para layouts integrados, como layout de árvore, layout de dígrafo radial e em camadas e alguns layouts personalizados. A biblioteca pode ser facilmente usada em um navegador da Web ou no lado do servidor no Node ou no Puppeteer.

A biblioteca GoJS é muito flexível e permite que os desenvolvedores criem vários tipos diferentes de diagramas, como fluxogramas, diagramas médicos, organogramas, ferramentas de design, ferramentas de planejamento, gráficos de estado, diagramas Sankey, processos industriais, linguagens visuais e assim por diante. .

A biblioteca oferece recursos interativos muito poderosos, como arrastar e soltar elementos de um diagrama, copiar e colar conteúdo, dicas de ferramentas, menus de contexto, uso de modelos, suporte a vinculação de dados, manipuladores de eventos, layouts automáticos, aplicação de animações personalizáveis e muito mais. Você também pode renderizar o elemento HTML Canvas e exportá-lo para SVG, bem como para outros formatos de imagem.

Previous Next

Introdução ao GoJS

A maneira recomendada de instalar o GoJS é via npm, está disponível através do gerenciador de pacotes npm, use os seguintes comandos.

Instale o GoJS via npm

$ npm install gojs --save

Desenhar fluxogramas por meio da API JavaScript

A biblioteca GoJS de código aberto fornece suporte para a construção de vários tipos de diagramas e apresenta recursos e layouts específicos. Você pode desenhar fluxogramas com algumas linhas de código JavaScript. A biblioteca inclui suporte para paletas, nós vinculáveis, comportamento de arrastar/soltar, edição de texto e o uso de mapas de modelo de nó para desenhar diagramas de fluxograma. Você também pode modificar o diagrama existente e o nó do diagrama, bem como o Textblock com facilidade.

Criar e editar diagrama de estado via JavaScript

Um diagrama de estado é usado para descrever o comportamento dos sistemas. O diagrama de estados pode ser usado para representar a condição do sistema ou parte do sistema em um número finito de estados ou tempos. A biblioteca GoJS fornece suporte para criar e editar diagramas de estado com facilidade. Você pode facilmente desenhar quantos nós quiser e pode desenhar quantos links de um nó para outro nó desejar, e pode remodelar os links ou removê-los quando selecionados.

Gerar circuito lógico via JavaScript

As portas lógicas são os blocos de construção básicos de qualquer sistema digital. Uma porta lógica é um modelo ideal de computação ou um dispositivo eletrônico físico que implementa uma função booleana. A biblioteca é muito rica em recursos e fornece várias funções importantes para a criação de circuitos usando portas e fios. É muito fácil de usar e ajuda os usuários a gerenciar diagramas com facilidade. É fornecida uma Paleta que permite arrastar e soltar novos nós e gerenciar seu diagrama. Você pode atualizar facilmente cada nó de acordo com o tipo que usa a cor dos links no nó para determinar a cor daqueles que saem dele.

Elementos do Diagrama de Desenhar e Posicionar

A biblioteca GoJS de código aberto permite que os desenvolvedores de software desenhem e posicionem facilmente os elementos do diagrama dentro de seus próprios aplicativos JavaScript. A biblioteca permite que os desenvolvedores selecionem e posicionem as partes selecionadas de um diagrama em relação umas às outras com apenas algumas linhas de código. Você também pode manipular facilmente as teclas de seta e usar um "deslocamento de colagem" para que os objetos colados os coloquem em cascata em vez de colocá-los um em cima do outro.

 Português