1. Produkte
  2.   Diagramm
  3.   JavaScript
  4.   GoJS

GoJS

 
 

Generieren und bearbeiten Sie Diagramme über die JavaScript-API

Open-Source-JavaScript-Bibliothek, mit der Entwickler Diagramme, Diagramme und Grafiken in ihren eigenen JavaScript-Anwendungen erstellen und verarbeiten können.

Eine sehr leistungsfähige JavaScript-Bibliothek, die Softwareentwicklern die Möglichkeit gibt, Diagramme, Diagramme und Grafiken in ihren eigenen JavaScript-Anwendungen zu erstellen und zu bearbeiten. Die Bibliothek hat Unterstützung für integrierte Layouts wie Baumlayout, radiales sowie geschichtetes Digraph-Layout und einige benutzerdefinierte Layouts enthalten. Die Bibliothek kann einfach in einem Webbrowser oder serverseitig in Node oder Puppeteer verwendet werden.

Die GoJS-Bibliothek ist sehr flexibel und ermöglicht Entwicklern die Erstellung einer Reihe verschiedener Arten von Diagrammen, z. B. Flussdiagramme, medizinische Diagramme, Organigramme, Designtools, Planungstools, Zustandsdiagramme, Sankey-Diagramme, industrielle Prozesse, visuelle Sprachen und so weiter .

Die Bibliothek bietet sehr leistungsstarke interaktive Funktionen wie Ziehen und Ablegen von Elementen eines Diagramms, Kopieren und Einfügen von Inhalten, QuickInfos, Kontextmenüs, Verwenden von Vorlagen, Datenbindungsunterstützung, Ereignishandler, automatische Layouts, Anwenden anpassbarer Animationen und vieles mehr. Sie können das HTML-Canvas-Element auch rendern und in SVG sowie andere Bildformate exportieren.

Previous Next

Erste Schritte mit GoJS

Die empfohlene Methode zur Installation von GoJS ist über npm, es ist über den npm-Paketmanager verfügbar, verwenden Sie die folgenden Befehle.

Installieren Sie GoJS über npm

$ npm install gojs --save

Zeichnen Sie Flussdiagramme über die JavaScript-API

Die Open-Source-GoJS-Bibliothek hat Unterstützung für die Erstellung mehrerer Diagrammtypen und die Präsentation bestimmter Funktionen und Layouts bereitgestellt. Sie können Flussdiagramme mit ein paar Zeilen JavaScript-Code zeichnen. Die Bibliothek umfasst Unterstützung für Paletten, verknüpfbare Knoten, Drag/Drop-Verhalten, Textbearbeitung und die Verwendung von Knotenvorlagenkarten zum Zeichnen von Flussdiagrammen. Sie können auch das vorhandene Diagramm und den Diagrammknoten sowie den Textblock problemlos ändern.

Zustandsdiagramm über JavaScript erstellen und bearbeiten

Ein Zustandsdiagramm wird verwendet, um das Verhalten von Systemen zu beschreiben. Das Zustandsdiagramm kann verwendet werden, um den Zustand des Systems oder eines Teils des Systems zu einer endlichen Anzahl von Zuständen oder Zeiten darzustellen. Die GoJS-Bibliothek bietet Unterstützung für das einfache Erstellen und Bearbeiten von Zustandsdiagrammen. Sie können ganz einfach beliebig viele Knoten und beliebig viele Verknüpfungen von einem Knoten zu einem anderen Knoten ziehen und die Verknüpfungen umformen oder entfernen, wenn sie ausgewählt sind.

Generieren Sie eine Logikschaltung über JavaScript

Logikgatter sind die Grundbausteine jedes digitalen Systems. Ein Logikgatter ist ein ideales Berechnungsmodell oder ein physisches elektronisches Gerät, das eine Boolesche Funktion implementiert. Die Bibliothek ist sehr funktionsreich und hat mehrere wichtige Funktionen für die Schaltungsherstellung mit Gattern und Drähten bereitgestellt. Es ist sehr benutzerfreundlich und hilft Benutzern, Diagramme mit Leichtigkeit zu verwalten. Es wird eine Palette bereitgestellt, mit der Sie neue Knoten ziehen und ablegen und Ihr Diagramm verwalten können. Sie können jeden Knoten einfach nach Typ aktualisieren, der die Farbe der Links in den Knoten verwendet, um die Farbe derjenigen zu bestimmen, die ihn verlassen.

Diagrammelemente zeichnen und positionieren

Die Open-Source-GoJS-Bibliothek ermöglicht Softwareentwicklern das einfache Zeichnen und Positionieren der Diagrammelemente in ihren eigenen JavaScript-Anwendungen. Die Bibliothek ermöglicht es Entwicklern, die ausgewählten Teile eines Diagramms mit nur wenigen Codezeilen auszuwählen und relativ zueinander zu positionieren. Sie können auch einfach mit den Pfeiltasten umgehen und verwenden einen "Einfügeversatz", sodass das Einfügen von Objekten sie kaskadiert, anstatt sie übereinander zu platzieren.

 Deutsch