aiSee
» Beispiele
» Download
» Bestellen
» Hilfe
   » GDL
      » Lektion 2

» Produkte
» Über uns
» Kontakt
» Presseservice

»  Sitemap
» 

Lektion 2: Aussehen von Knoten

Die Form eines Knotens kann mithilfe des Attributs "shape" angegeben werden:

node: { title: "Beispiel" shape: ellipse }

Es werden die folgenden Formen unterstützt:

box Rechteck box
ellipse Ellipse ellipse
circle Kreis circle
triangle gleichschenkliges Dreieck triangle
rhomb Raute rhomb
hexagon Sechseck hexagon
trapeze gleichschenkliges Trapez trapeze
uptrapeze "auf den Kopf gestelltes" Trapez uptrapeze
rparallelogram Parallelogramm mit "Neigung" nach rechts rparallelogram
lparallelogram Parallelogramm mit "Neigung" nach links lparallelogram

Bei fehlender Angabe wird die Form "box" benutzt.

Die Breite und Höhe eines Knotens (in Pixel) kann mithilfe der Attribute "width" und "height" angegeben werden:

node: { title: "1" 
        shape: rhomb 
        width: 72
}
node: { title: "2" 
        shape: rhomb 
        height: 72 
}
node: { title: "3" 
        shape: rhomb 
        width: 72 height: 72
}

Bei fehlender Angabe wird die Größe des Knotens automatisch so errechnet, daß die gesamte Beschriftung in den Knoten paßt.

Die Breite des Knotenrahmens (in Pixel) kann mithilfe des Attributs "borderwidth" angegeben werden:

node: { title: "Beispiel" borderwidth: 6 }

Bei fehlender Angabe wird ein 2 Pixel breiter Rahmen benutzt.

Die Linienart für den Knotenrahmen kann mithilfe des Attributs "borderstyle" angegeben werden:

node: { title: "Beispiel" borderstyle: dotted }

Folgende Linienarten werden unterstützt:

solid einfache durchgehende Linie solid
dashed gestrichelte Linie dashed
dotted punktierte Linie dotted
double Doppellinie double
triple Dreifachlinie triple
invisible unsichtbare Linie invisible

Bei fehlender Angabe wird eine einfache durchgehende Linie gezeichnet.

Hoch


Anmerkungen

  • Attribute können in einer beliebigen Reihenfolge angegeben werden.

  • Das Aussehen gleich mehrerer/aller Knoten auf einmal kann man bequem mithilfe von Globalattributen verändern.

  • Verwandte Themen wie Farben, Schriften, Icons usw. werden in späteren Lektionen behandelt.


» Nächste Lektion: Aussehen von Kanten