Wie zeichne ich Diagramme und Grafiken mit der GoJS HTML5 Canvas-Bibliothek?

GoJS ist eine JavaScript-Bibliothek, mit der Sie interaktive Diagramme implementieren können. Diese Seite zeigt Ihnen die Grundlagen der Verwendung von GoJS. Wenn Sie Diagramme und Grafiken hinzufügen möchten, verwenden Sie diese Open-Source-Bibliothek.

GoJS verfügt über eine Modellansichtsarchitektur, in der Modelle Arrays von JavaScript-Objekten enthalten, die Knoten und Links beschreiben. Um diese Daten mithilfe tatsächlicher Node- und Link-Objekte zu visualisieren, fungiert das Diagramm als Ansicht.

Beim Erstellen eines Diagramms mit GoJS wird ein HTML5-Canvas-Element erstellt, das in einem bestimmten DIV-Element platziert wird.

So zeichnen Sie ein Diagramm

Um mit der Verwendung von GoJS zu beginnen, müssen Sie die Bibliothek in Ihrem HTML-Dokument deklarieren. Auf diese Weise müssen Sie auch die Bibliothek laden. Laden Sie die GoJS-Bibliothek go.js.

Zum Hinzufügen verlinken Sie auf die GoJS-Bibliothek, die Sie von CDNJS erhalten können. Alternativ können Sie bei Bedarf die GoJS-Bibliothek herunterladen.

So fügen Sie es mit CDNJS hinzu -

<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>

HINWEIS: Laden Sie go-debug.js während der Entwicklung zur Laufzeitfehlerprüfung. Wählen Sie bei der Bereitstellung „go.js“ aus.

Das obige ist der detaillierte Inhalt vonWie zeichne ich Diagramme und Grafiken mit der GoJS HTML5 Canvas-Bibliothek?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!