The graph diagram is a theoretical representation of at least two columns of a data table and the connections between their distinct values, represented as nodes. The data nodes can be servers, accounts, persons, events, locations, or other categories. The links between nodes reflect how they are associated to each other, which is very useful to analyze connections and weight relationships.
This chart is based on KeyLines library.
- Tutorials:
- See:
Methods
# setAttrs(attrs)
Set the attributes to display when the cursor is over the node.
Parameters:
| Name | Type | Description |
|---|---|---|
attrs |
Array.<Object>
|
|
name |
string
|
Atribute name. |
node |
string
|
Name of the node to link the attribute. |
role |
string
|
Name of the role. One of: label, position, size or color. |
# setFields(fields)
Set the type of nodes.
Parameters:
| Name | Type | Description |
|---|---|---|
fields |
Array.<Object>
|
|
name |
string
|
Column name. |
type |
string
|
Data type. |
# setLinkWidthDeltaColumns(link)
Set the name of the columns to bind each node with its value
Parameters:
| Name | Type | Description |
|---|---|---|
link |
Array.<string>
|
- Default Value:
- ['count']
# setNodes(nodes)
Set the nodes to be displayed.
Parameters:
| Name | Type | Description |
|---|---|---|
nodes |
Array.<Object>
|
|
links[ |
Array.<string>
|
Name of the nodes with which it will be linked. |
name |
string
|
Name of the node. |
type |
string
|
Name of the type to apply. |
# setNodeSizesInitialMode(attr)
Set initial value for node sizes.
The following values are supported:
- links-all-sum: Sum of all links.
- links-all-avg: Average of all links.
- links-all-max: Max of all links.
- links-all-min: Min of all links.
- links-all-flux: Flux value.
- links-incoming-sum: Sum of incoming links.
- links-incoming-avg: Average of incoming links.
- links-incoming-max: Max of incoming links.
- links-incoming-min: Min of incoming links.
- links-outgoing-sum: Sum of outgoing links.
- links-outgoing-avg: Average of outgoing links.
- links-outgoing-max: Max of outgoing links.
- links-outgoing-min: Min of outgoing links.
- graph-betweenness: Betweenness.
- graph-closeness: Closeness.
- graph-eigenCentrality: Eigencentrality.
- graph-pageRank: Page rank.
Parameters:
| Name | Type | Description |
|---|---|---|
attr |
string
|
Initial mode of the size. |
# setTypes(types)
Defines some visual aspects for each node to be represented.
Parameters:
| Name | Type | Description |
|---|---|---|
types |
Array.<Object>
|
|
name |
string
|
Name of the node type. |
color |
string
|
Color for the node type. |
palette |
string
|
Palette of color to apply the node type. One of: standard, pastel or monochrome. |