Vissza egy témakört

HTML5 GoJS alkalmazása ismertetése

GoJS bemutató témakörök

GoJS teszt 01 -------- Szöveges diagram bemutató, és kép+szöveg diagram bemutató.
GoJS teszt 02 -------- Vonalakkal köti össze, a diagramm elemeit.
GoJS teszt 03 -------- Diagram alakzatok és diagram információ bemutató.





Rövid ismertető azoknak, akik nem ismerik e lehetőséget.

A GoJS egy JavaScript könyvtár az interaktív diagramok megvalósításához.
Ez az oldal megmutatja a GoJS használatának lényegét.

A GoJS egy funkciókban gazdag JavaScript könyvtár, amely egyéni interaktív diagramok és komplex vizualizációk végrehajtására képes a modern internetes böngészők és platformok között.
A GoJS megkönnyíti a komplex csomópontok, linkek és csoportok JavaScript diagramjainak szerkesztését testreszabható sablonokkal és elrendezésekkel.

Mivel a GoJS JavaScript-könyvtár, amely a HTML5-funkcióktól függ, meg kell győződnie arról, hogy az oldal kijelenti,
ez HTML5-dokumentum.
Természetesen, be kell töltened <head> területére a GoJS script-et.

Megismeréshez, teszteléshez, a GoJS-t (és az összes mintát) letöltheti.
Vagy weboldalával összekapcsolja egyenesen a GoJS által biztosított CDNJS könyvtár, go-debug.js fájlt:
<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.8.17/go-debug.js"></script>

Mindegyik GoJS- diagram egy olyan HTML- <div> elemet tartalmaz a HTML- oldaladban, amely explicit méretű.

Megjegyzés:
A GoJS megismeréséhez és teszteléséhez szabadon felhasználható, de céges használatra, vagy termelési felhasználásra, meg kell vásárolni a jogot.

Angol nyelvű GoJS információk:
1. GoJS kezdő oldal címe:     https://www.nwoods.com/
2. GoJS bemutató példák címe, melyeket tesztelhetünk:     https://gojs.net/latest/samples/index.html

Nem a termelési felhasználásra való diagrammot megjelenítő div szakasz hátterében, minden alkalommal, megjelenik halványan a következő szöveg, Angol nyelven.
 
GoJS 1.8 evaluation
(c) 1998-2018 Northwoods Software
Not for distribution on production use
nwoods.com

Magyar nyelvre fordítva:
GoJS 1.8 értékelése
(c) 1998-2018 Northwoods szoftver
Nem a termelési felhasználásra való terjesztésre
nwoods.com




GoJS gyakorlati alkalmazásának ismertetése.

<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<title>HTML5 GoJS alkalmazása tesztelése.</title>	
<link href="saját-CSS-fájlod.css" rel="stylesheet" type="text/css" />	
<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.8.17/go-debug.js"></script>         <!-- A GoJS script meghívása. -->
</head>
<body>

<div id="DiagramDiv" style="width:700px; height:300px; background-color: lime;"></div>
  <script>
      var $ = go.GraphObject.make;
      var Diagram = $(go.Diagram, "DiagramDiv",
          {
             "undoManager.isEnabled": true
         });
      <!-- Ide jönnek, a diagram további meghatározásai, melyek a fenti bemutató témaköröknél kerülnek ismertetésre. -->
  </script>
  
</body>
</html>