Лекция 1.6. Графвиз — различия между версиями
Admin (обсуждение | вклад) |
|||
Строка 1: | Строка 1: | ||
<graphviz> | <graphviz> | ||
− | digraph G{ | + | digraph G |
+ | { | ||
graph [bgcolor=Snow2]; | graph [bgcolor=Snow2]; | ||
rankdir=LR; | rankdir=LR; |
Версия 10:00, 28 апреля 2009
<graphviz> digraph G { graph [bgcolor=Snow2]; rankdir=LR; node[color="Pink",fontsize=8, fontcolor="blue",style=filled, shape="none"]; edge[color="Brown",fontcolor="Green",fontsize=8]; Ярославль -> Кострома -> "Нижний Новгород" -> Казань -> Сызрань [dir=both, label="Волга"]; "Нижний Новгород" -> Дзержинск [style=dotted, label="Ока",arrowhead="dot" ]; Казань -> Елабуга [label="Кама", color="Green:blue:red"]; Ярославль [shape=Mdiamond], Сызрань [shape=Msquare], Кострома [shape=circle], "Нижний Новгород" [shape = doublecircle],Казань[shape=hexagon,color=green]; {rank=same; Елабуга Дзержинск Сызрань }; } </graphviz>
Графвиз
Программа сама распознает все связи графа и упорядочит его таким образом, чтобы было наименьшее количество пересечений.
Простейший граф
Свойства графа Для того, граф было удобнее просматривать, можно настроить следующие свойства. Например: Направленность графа: rankdir=LR - слева-направо rankdir=TB - сверху вниз ratio=auto - отношение = авто; Цвет фона графа - graph [bgcolor=Snow2] - окрашивает фон в цвет - "серый снег" Свойства (node)узлов - node[color="Pink",fontsize=10, style=filled, fontcolor="blue", shape="none"] (Сочетание двух и более слов записывается в кавычки - "Нижний Новгород") color="Pink" - цвет = розовый (Таблице цветов) fontsize=8 - размер шрифта = 8 style=filled - стиль = заполненный (без неё узел прозрачен) fontcolor="blue" - цвет шрифта = голубой shape="none" - форма = "без формы" Формы узла [shape=?] - invtriangle - треугольник вершиной вниз; box - прямоугольник; ellipse - эллипс; invtrapezium - перевёрнутая трапеция; triangle - треугольник; trapezium - трапеция; record - ; doubleoctagon - двойной восьмиугольник ; octagon - восьмиугольник; tripleoctagon - тройной восьмиугольник (Все формы) Ярославль [shape=Mdiamond] - узлу Ярославль придаётся форма ромба(алмаз) Сызрань [shape=Msquare] - узлу Сызрань придаётся форма квадрата Кострома [shape=circle] - узлу Кострома придаётся форма круга "Нижний Новгород" [shape=doublecircle] - узлу "Нижний Новгород" придаётся форма двойного круга Казань [shape=hexagon,color=green] - узлу Казань придаётся форма шестиугольника и зелёный цвет Управление положением узлов - {rank=same; Елабуга Дзержинск Сызрань ;} - узлам Елабуга, Дзержинск, Сызрань предан разряд = тот же самый; ranksep=3 - расстояние между разрядами; Свойства(edge)ребер - edge[color="blue",fontcolor="Green",fontsize=12] color="Brown" - цвет = коричневый color="Green:blue:red" - трёхцветие (возможно любое количество) dir=both - направление стрелки в две стороны fontsize=8 - размер шрифта = 8 fontcolor="blue" - цвет шрифта = зелёный style=dotted - стиль = пунктирная линия arrowhead="dot" - голова стрелки = "точка", "none" - нет (Все формы) Ярлык ребра [label="Волга"] - все связи Ярославль -> ... -> Сызрань будут помечены меткой Волга.
<graphviz>
digraph G{ graph [bgcolor=Snow2]; rankdir=LR ; // направление графа слева направо node[color="Pink",fontsize=8, fontcolor="blue",style=filled, shape="none"] ; edge[color="Brown",fontcolor="Green",fontsize=8] ; Ярославль -> Кострома -> "Нижний Новгород" -> Казань -> Сызрань [dir=both, label="Волга"]; "Нижний Новгород" -> Дзержинск [style=dotted, label="Ока",arrowhead="dot" ] ; Казань -> Елабуга [label="Кама", color="Green:blue:red"] ; Ярославль [shape=Mdiamond], Сызрань [shape=Msquare], Кострома [shape=circle]; "Нижний Новгород" [shape = doublecircle],Казань[shape=hexagon,color=green] {rank=same; Елабуга Дзержинск Сызрань ;} } </graphviz>
Гипертекстовые ссылки на страницы Ссылки на внутренние страницы устанавливаются прямым связыванием: "Нижний Новгород" [URL="Нижний Новгород"] Гугл [URL="http://www.google.com"] Кроме того, мы можем в начале графа указать, что все элементы поименованные в графе должны ссылаться на страницы с соответстующим названием. node [URL="/index.php/\N"] ; После этого можно просто указывать имена узлов, а гипертекстовые ссылки добавятся к ним автоматически. Для того, чтобы имя заметки на ребре так же становилось ссылкой на страницу, необходимо дополнить метку ссылкой [label="Волга", URL="Волга"]. В графе, который представлен ниже все узлы и метки являются гиперссылками.
________________________________________ Масштабный пример - Карта книги жизни