Урок 4: цвета

Цвета указываются с помощью следующих атрибутов:

Элемент Атрибут Описание По умолчанию
узел color цвет узла белый
textcolor цвет надписи чёрный
bordercolor цвет рамки тот же, что и цвет надписи
ребро color цвет ребра чёрный
arrowcolor цвет стрелки «на носу» тот же, что и цвет самого ребра
backarrowcolor цвет стрелки «на корме» тот же, что и цвет самого ребра
граф color цвет фона графа белый

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

Об атрибутах, не упомянутых выше (атрибутах подграфов, цветах надписей на рёбрах и т. д.), речь пойдёт в последующих уроках.

32 основных цвета определены заранее. Они могут быть указаны при помощи порядковых номеров или ключевых слов:

№ Ключевое слово Цвет (RGB) № Ключевое слово Цвет (RGB)
0 white 255 255 255 16 lightblue 128 128 255
1 blue   0   0 255 17 lightred 255 128 128
2 red 255   0   0 18 lightgreen 128 255 128
3 green   0 255   0 19 lightyellow 255 255 128
4 yellow 255 255   0 20 lightmagenta 255 128 255
5 magenta 255   0 255 21 lightcyan 128 255 255
6 cyan   0 255 255 22 lilac 238 130 238
7 darkgrey  85  85  85 23 turquoise  64 224 208
8 darkblue   0   0 128 24 aquamarine 127 255 212
9 darkred 128   0   0 25 khaki 240 230 140
10 darkgreen   0 128   0 26 purple 160  32 240
11 darkyellow 128 128   0 27 yellowgreen 154 205  50
12 darkmagenta 128   0 128 28 pink 255 192 203
13 darkcyan   0 128 128 29 orange 255 165   0
14 gold 255 215   0 30 orchid 218 112 214
15 lightgrey 170 170 170 31 black   0   0   0

Пример:

graph: {

color: pink
node.fontname: "helvR14"

node: { title: "А" textcolor: blue }
node: { title: "Б" color: 28
        bordercolor: darkred }
edge: { source: "А" target: "Б" 
        color: 1 arrowcolor: 9 }

}

Создавать собственные цвета вы можете с помощью атрибута графа «colorentry»:

colorentry [порядковый номер цвета] : [цвет в формате RGB]

Например:

colorentry 42: 180 213 246 // бледно-голубой цвет

Созданные цвета впоследствии можно использовать только с помощью их порядковых номеров. Создание новых ключевых слов не поддерживается.

С помощью этого же атрибута вы можете также настраивать существующие цвета по вашим представлениям. Например:

colorentry 1: 157 44 157 // изменяет существующий синий цвет
                         //(порядковый № 1) на лиловый
node: { title: "А" 
        color: blue }    // этот узел будет лиловым
Наверх