aiSee
» Examples
» Download
» Purchase
» Help
   » GDL
      » Lesson 2
» aiSee.com

» About us
» Products
» WCET
» Press center
» Contact

»  Sitemap
» 

Lesson 2: Node Shapes and Border Styles

The shape of a node can be specified by using the attribute "shape":

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

The following shapes are supported:

box (default) box
ellipse ellipse
circle circle
triangle triangle
rhomb rhomb
hexagon hexagon
trapeze trapeze
uptrapeze uptrapeze
rparallelogram rparallelogram
lparallelogram lparallelogram

The width and height of a node (in pixels) can be specified by using the attributes "width" and "height":

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

The width of a node's border (in pixels) can be specified by using the attribute "borderwidth":

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

The default width is 2 pixels.

The style of a node's border can be specified by using the attribute "borderstyle":

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

The following styles are supported:

solid (default) solid
dashed dashed
dotted dotted
double double
triple triple
invisible invisible

Deutsch «
По-русски «

Top

Note:

  • Attributes can be specified in any order.

  • It is possible to change the appearance of several/all nodes at once by using global attributes.

  • Related topics such as colors, fonts and icons will be discussed later.

» Next lesson: edge arrows and line styles