Lektion 3: Aussehen von Kanten

Die Breite einer Kante (in Pixel) kann mithilfe des Attributs „thickness“ angegeben werden:

edge: { source: "A" target: "B" thickness: 6 }

Bei fehlender Angabe wird eine 2 Pixel breite Linie gezeichnet.


Die Breite der Pfeilspitze (in Pixel) kann mithilfe des Attributs „arrowsize“ angegeben werden:

edge: { source: "A" target: "B" arrowsize: 20 }

Bei fehlender Angabe wird eine 10 Pixel breite Pfeilspitze gezeichnet.


Die Linienart einer Kante kann mithilfe des Attributs „linestyle“ angegeben werden:

edge: { source: "A" target: "B" 
        linestyle: 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 Kante invisible

Bei fehlender Angabe wird eine einfache durchgehende Linie gezeichnet.


Das Aussehen der Pfeilspitze kann mithilfe des Attributs „arrowstyle“ verändert werden:

edge: { source: "A" target: "B" 
        arrowstyle: "line" 
}

Folgende Pfeilspitzenarten werden unterstützt:

"solid" solid
"line" line
"none" none
"circle" circle
"half circle" half circle
"filled circle" filled circle
"filled half circle" filled half circle
"box" box
"half box" half box
"filled box" filled box
"filled half box" filled half box
"rhomb" rhomb
"half rhomb" half rhomb
"filled rhomb" filled rhomb
"filled half rhomb" filled half rhomb
"diamond" diamond
"half diamond" half diamond
"slash" slash
"dslash" dslash

Alle Arten außer „solid“ und „line“ können auch beliebig kombiniert werden, z.B.:

"half rhomb + circle" half rhomb + circle
"half diamond + filled circle" half diamond + filled circle
"none + rhomb" none + rhomb
"filled rhomb + dslash" filled rhomb + dslash
"diamond + slash" diamond + slash
"box + circle + box + box" box + circle + box + box
usw.

Pfeilspitzen können auch am hinteren Ende der Kante gezeichnet werden (und an beiden Enden gleichzeitig). Dazu gibt es die Attribute „backarrowsize“ und „backarrowstyle“:

edge: { source: "A" target: "B" 
        backarrowsize: 10 
        backarrowstyle: "solid"
}

Beachten Sie, daß für die Pfeilspitze am hinteren Ende der Kante beide Attribute gleichzeitig an­gegeben werden müssen. Fehlt einer davon, wird keine Pfeilspitze gezeichnet.


Anmerkungen

  • Alle Attribute können in einer beliebigen Reihenfolge angegeben werden.
  • Das Aussehen gleich mehrerer/aller Kanten auf einmal kann man bequem mithilfe von Glo­balattributen verändern.
Hoch