GDL in a Nutshell

Lesson 3: Edge Arrows and Line Styles

The thickness of an edge (in pixels) can be specified as follows:

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

The default thickness is 2 pixels.

The size of an edge's arrow head (in pixels) can be specified as follows:

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

The default arrow head size is 10 pixels.

The style in which the edge is drawn can be specified as follows:

edge: { source: "A" target: "B" linestyle: dotted }

The following line styles are available:

solid (default) dashed dotted double triple invisible

The style in which the arrow head of an edge is drawn can be specified as follows:

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

The following arrow head styles are available:

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

All edge arrow head styles except "solid" and "line" can be concatenated to create custom composite edge arrows. Examples:

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

Arrow heads can also be drawn on the rear end of an edge (and on both its ends):

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

» Next lesson: colors