Skip to content

Graph

Screenshot
Graph showing membership of three asset groups; Forex, Commodities and Equities

Graph maps associations between parent and child groups.

Basics

Selected Node
Map to a View State Parameter; used as a column identifier. Click on a Graph element to have the underlying value of the id (must be unique) column from the Graph datasource assigned to the viewstate. Use of Selected Node is optional.
Graph selection: click on a parent or child to assign a Graph variable to the Selected Node view state parameter. Use the Control key to make multiple selections.

Data

Screenshot

Nodes

Sets organization of graph; vertical or horizontal layout and level identifiers

Source

A query or analytic

Screenshot

Labels
Data source column to be used for Text labels
id (must be unique)
Data source column used as a reference selector; this value will be stored in the Selected Node view state parameter if assigned. Each graph point should have a unique reference ID value.
Level (optional)
Group (optional)

Optional grouping or level organization, defined by the Source. Group definition required for Cluster Scale.

Screenshot A five level process layout

Screenshot Grouped by rank with color coding

Color sources

Background Color
Border Color
Define colors of nodes; set by Source column

Hover color

Background Color
Border Color
Define colors of nodes; set by Source column

Selected color

Background Color
Border Color
Define colors of nodes; set by Source column

Shape

Custom Shape
Define Source column containing shape information; e.g. circle, database, diamond, square, hexagon, triangle

Edges

Flow of graph; From to To or vice versa

Source

A query or analytic

Screenshot

The Data Source should have two columns; for the parent and the children. Each child will flow to its parent. Parents and children must have unique IDs.

From
Data source column for parents
To
Data source column for children

Style

Screenshot

Nodes style

Border Width, Selected Border Width and Colors to use for the connecting graph lines

Edges style

Border Width, Selected Border Width and Colors and whether Arrows are added for the From and To graph connectors

Interaction

Draggable Nodes

Allows user to reposition nodes

Screenshot

Draggable View
Supports pan of Graph view
Select Connected Edges

Highlights all connectors to children from selected parent

Screenshot

Tooltips

Show
Enable tooltips
Template
Templates

Actions

Actions

Layout

randomSeed

Defines layout when Hierarchical organization is disabled

Screenshot

Cluster Scale

Determines point at which grouped nodes will cluster together. Move slider until desired effect appears.

Screenshot

Hierarchical

enabled

Organize graph relationships by parent-child relationships

Screenshot

levelSeparation
pixel height between parent and child levels
nodeSpacing
pixel width between children (nodes)
direction
Direction of graph flow. LR: left to right; RL: right to left; UD: up to down; DU: down to up.

Style, Margins, Format

Style for common settings