Урок 2: внешний вид узлов

Форма узла указывается с помощью атрибута «shape»:

node: { title: "пример" shape: ellipse }

Поддерживаются следующие формы узлов:

box прямоугольник box
rbox прямоугольник с закруглёнными углами;
радиус углов (в пикселях) можно изменять с помощью атрибута «roundness»		 rbox
ellipse эллипс ellipse
circle круг circle
triangle равнобедренный треугольник triangle
rhomb ромб rhomb
hexagon шестиугольник hexagon
trapeze равнобокая трапеция trapeze
uptrapeze «перевёрнутая» равнобокая трапеция uptrapeze
rparallelogram параллелограмм «с наклоном вправо» rparallelogram
lparallelogram параллелограмм «с наклоном влево» lparallelogram

По умолчанию используется форма «box» (прямоугольник).

Указать ширину и высоту узла (в пикселях) можно с помощью атрибутов «width» и «height» соответственно:

node: { title: "пример 1"
        shape: rhomb
}
node: { title: "пример 2"
        shape: rhomb
        width: 80
}
node: { title: "пример 3"
        shape: rhomb
        height: 80
}
node: { title: "пример 4"
        shape: rhomb
        height: 80 width: 80
}
node: { title: "пример 5"
        shape: rhomb
        height: 30 width: 30
}

По умолчанию размеры узла вычисляются автоматически так, чтобы в него полностью по­местилась надпись.

Толщина рамки узла (в пикселях) указывается с помощью атрибута «borderwidth»:

node: { title: "пример" borderwidth: 6 }

По умолчанию рисуется рамка толщиной в 2 пикселя.

Вид линии для рамки узла указывается с помощью атрибута «borderstyle»:

node: { title: "пример" borderstyle: dotted }

Поддерживаются следующие виды линий:

solid непрерывная линия solid
dashed пунктир dashed
dotted точки dotted
double двойная линия double
triple тройная линия triple
invisible невидимая линия invisible

По умолчанию используется непрерывная линия («solid»).

Хозяйке на заметку

  • Порядок указания атрибутов значения не имеет.
  • Изменить внешний вид сразу нескольких/всех узлов можно с помощью глобальных атрибутов.
  • Об изменении цвета узла, выборе шрифта, использовании иконок и т. п. речь пойдёт в последующих уроках.
Наверх