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
rbox Rechteck mit abgerundeten Ecken; der Radius der Ecken (in Pixel) kann mithilfe des optionalen Attributs „roundness“ verändert werden 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“ an­gegeben 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.

Anmerkungen

  • Attribute können in einer beliebigen Reihenfolge angegeben werden.
  • Das Aussehen gleich mehrerer/aller Knoten auf einmal kann man bequem mithilfe von Glo­balattributen verändern.
  • Verwandte Themen wie Farben, Schriften, Icons usw. werden in späteren Lektionen be­handelt.
Hoch