Graph::Easy - Manual - Attributes for nodes

# Graph::Easy - Manual

## Attributes

If you haven't done so, please read the Overview first.

This chapter describes all the possible attributes for nodes.
It is generated automatically from the definitions in `Graph::Easy::Attributes`.

### Nodes

- autolink, autotitle,
- background, border, border-color, border-style, border-width,
- class, color, columns,
- fill, flow, font-size,
- label, link, linkbase,
- offset, origin,
- point-style,
- rotate, rows,
- shape, size,
- text-style, title,

#### autolink

If set to something else than 'none', will use the appropriate attribute to automatically generate the link. This attribute is inherited by nodes, edges and groups.One of: `label`, `title`, `name`, `none`.
Defaults to: `none`
Example value: `title`

#### autotitle

If set to something else than 'none', will use the appropriate attribute to automatically generate the title. This attribute is inherited by nodes, edges and groups.One of: `label`, `name`, `none`.
Defaults to: `none`
Example value: `label`

#### background

The background color, e.g. the color outside the shape. See the section about color names and values for reference.
Defaults to: `"white" for the graph, "inherit" for edges, and undef and nodes`
Example graph:

    [ Crimson ] { shape: circle; background: crimson; }
     -- Aqua Marine --> { background: #7fffd4; }
     [ Misty Rose ] { fill: rgb(255,228,221); }

Crimson |  | Aqua Marine | > | Misty Rose

#### border

The border. Can be any combination of border-style, border-color and border-width.
Defaults to: `1px solid black`
Example graph:

    [ Normal ]
     --> [ Bold ]      { border: bold; }
     --> [ Broad ]     { border: broad; }
     --> [ Wide ]      { border: wide; }
     --> [ Bold-Dash ] { border: bold-dash; }

Normal |  |  | > | Bold |  |  | > | Broad |  |  | > | Wide |  |  | > | Bold-Dash

#### border-color

The color of the border. See the section about color names and values for reference.
Defaults to: `black`
Example graph:

    node { border: black bold; }
    [ Black ]
     --> [ Red ]      { border-color: red; }
     --> [ Green ]    { border-color: green; }

Black |  |  | > | Red |  |  | > | Green

#### border-style

The style of the border. The special styles "bold", "broad", "wide", "double-dash" and "bold-dash" will set and override the border-width.One of: `none`, `solid`, `dotted`, `dashed`, `dot-dash`, `dot-dot-dash`, `double`, `wave`, `bold`, `bold-dash`, `broad`, `double-dash`, `wide`.
Defaults to: `"none" for graphs and edges, "solid" for nodes and "dotted" for groups.`
Example graph:

    node { border: dotted; }
    [ Dotted ]
     --> [ Dashed ]      { border-style: dashed; }
     --> [ broad ]    { border-style: broad; }

Dotted |  |  | > | Dashed |  |  | > | broad

#### border-width

The width of the border. Certain border-styles will override the width.
Defaults to: `1px`
Example value: `2px`

#### class

The subclass. See the section about class names for reference.
Defaults to: ``
Example value: `mynodeclass`

#### color

The foreground/text color. See the section about color names and values for reference.
Defaults to: `black`
Example graph:

    [ Crimson ] { color: crimson; }
     -> { color: blue; }
     [ Dark Orange ] { color: rgb(255,140,0); }

Crimson |  |  | > | Dark Orange

#### columns

The size of the node in columns. See also size.
Defaults to: `1`
Example value: `2`

#### fill

The fill color, e.g. the color inside the shape. See the section about color names and values for reference.
Defaults to: `"white" for the graph and nodes, "inherit" for edges`
Example graph:

    [ Crimson ]
      {
      shape: octagon;
      background: crimson;
      fill: red;
      border-color: slategrey;
      }
    -- Aqua Marine -->
      {
      arrow-style: filled;
      fill: red;
      }
    [ Two ]

Crimson |  | Aqua Marine | > | Two

#### flow

The general direction in which edges will leave this node first. One of 0, up, north, 90, east, right, 180, south, down, 270, west, left.
Defaults to: `right`
Example value: `south`

#### font-size

The size of the label text, best expressed in em (1.0em, 0.5em etc) or percent (100%, 50% etc)
Defaults to: `"1.0" for the graph and nodes, "0.75" for edges`
Example graph:

    graph { font-size: 200%; label: Sample; }
      [ Crimson ] { font-size: 1.5em; fill: darkred; }
      -- Aqua Marine -->
     { font-size: 0.2em; }
      [ Two ]

Sample
Crimson |  | Aqua Marine | > | Two

#### label

The text displayed as label. If not set, equals the name (for nodes) or no label (for edges, groups and the graph itself).
Defaults to: ``
Example value: `My label`

#### link

The link part, appended onto linkbase. See the section about links for reference.
Defaults to: ``
Example graph:

    node {
      autolink: name;
      text-style: none;
      font-size: 1.1em;
      }
    graph {
      linkbase: http://de.wikipedia.org/wiki/;
      }
    edge {
      text-style: overline;
      }

    [] --> [ Friedrichshafen ]
     -- Schiff --> { autolink: label; color: orange; title: Vrooom!; }
    [ Immenstaad ] { color: green; } --> [ Hagnau ]

|  |  | > | Friedrichshafen |  | Schiff | > | Immenstaad |  |  | > | Hagnau

#### linkbase

The base URL prepended to all generated links. This attribute is inherited by nodes, edges and groups. See the section about links for reference.
Defaults to: ``
Example value: `http://en.wikipedia.org/wiki/`

#### offset

The offset of this node from the origin node, in columns and rows. Only used if you also set the origin node.
Defaults to: `0,0`
Example value: `3,2`

#### origin

The name of the node, that this node is relativ to. See also offset.
Defaults to: ``
Example value: `Cluster A`

#### point-style

Controls the style of a node that has a shape of 'point'.One of: `circle`, `square`, `dot`, `cross`, `star`, `diamond`.
Defaults to: `star`
Example value: `square`

#### rotate

The rotation of the node shape, clockwise from 0..359 degrees.
Defaults to: `0`
Example graph:

    [ Bonn ] { rotate: 45; } -- ICE -->
     [ Berlin ] { shape: triangle; rotate: 90; }

Bonn |  | ICE | > | Berlin

#### rows

The size of the node in rows. See also size.
Defaults to: `1`
Example value: `3`

#### shape

The shape of the node. Nodes with shape 'point' (see point-style) have a fixed size and do not display their label.One of: `circle`, `diamond`, `ellipse`, `hexagon`, `house`, `invisible`, `invhouse`, `invtrapezium`, `invtriangle`, `octagon`, `parallelogram`, `pentagon`, `point`, `triangle`, `trapezium`, `septagon`, `rect`, `rounded`, `none`.
Defaults to: `rect`
Example value: `circle`

#### size

The size of the node in columns and rows. Must be greater than 1 in each direction.
Defaults to: `1,1`
Example value: `3,2`

#### text-style

The style of the label text. Either 'none', or any combination (separated with spaces) of 'underline', 'overline', 'bold', 'italic', 'line-through'. 'none' disables underlines on links.
Defaults to: `none`
Example graph:

    graph {
      font-size: 150%;
      label: Verbindung;
      text-style: bold italic;
      }
    node {
      text-style: underline bold;
      fill: #ffd080;
      }
    edge {
      text-style: italic bold overline;
      }

    [ Meersburg ] { font-size: 2em; }
     -- Fähre --> { font-size: 1.2em; color: red; }
     [ Konstanz ]

Verbindung
Meersburg |  | Fähre | > | Konstanz

#### title

The text displayed as mouse-over for nodes/edges, or as the title for the graph. No title will be generated unless autotitle is set.
Defaults to: ``
Example value: `My title`