Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The SankeyChart   is a sophisticated graphical component designed used to visualize the flow and distribution of resources, energy, or data between different entities within a system. Ideal for illustrating complex relationships and transfers, the SankeyChart provides a clear and intuitive representation of proportional flows, making it easier to analyze and interpret It displays proportional flows and supports analysis of multi-dimensional data through visual representation.

On this page:

Table of Contents
maxLevel3
stylenone


Requirements

This component is Portable, which means it will run both on Windows WPF displays and on Web Pages on any platformcontrol is available only for Windows WPF applications.


Configuration

  1. Go to Displays / Draw.
  2. On the In the Components Panel, select Charts, then choose SankeyChart.
  3. Click or drag-and-drop it on the Drawing area to use itthe component into the drawing area.
  4. Double-click the object to open the configuration window.


                   Image Added


SankeyChart

Bar Chart

Settings

Field

Description

Link Curvature

Controls the curvature of the links between nodes. A higher value results in more pronounced curves.

Node Thickness

Sets the thickness of the nodes. This value is subject to change based on panel size adjustments.

Node Gap

Defines the gap between nodes. This value is subject to change based on panel size adjustments.

Highlight Opacity

Controls the opacity level for highlighted nodes and links when HighlightBrush is not set.

Show Labels

Determines whether labels are displayed for nodes and links.

Flow Direction

Sets the direction of

the

flow

within

in the

SankeyDiagram

diagram.

  1. LeftToRight: Sets the FlowDirection from Left to Right.

  2. TopToBottom: Sets the FlowDirection from Top to Bottom.

Highlight Mode

Determines the

Defines interaction

mode

for highlighting nodes and links.

  1. MouseLeftButtonUp: Highlighting nodes on mouse left button up.

  2. MouseEnter: Highlighting nodes on mouse enter.

FirstAndLastLabelPosition

Specifies

First And Last Label Position

Sets the position of the first and last labels

in the diagram;

.

  1. Inward: Positions the labels inside the diagram area.

  2. Outward: Positions the labels outside the diagram area.

Show Labels

Enables or disables display of node and link labels.

Link Curvature

Sets the curvature of links. Range: 0 to 1. Higher values result in more curved links.

Node Thickness

Sets the thickness of nodes. Value may change with panel size.

Node

NameSpecifies

Gap

Defines spacing between nodes. Value may change with panel size.

Highlight Opacity

Controls opacity of highlighted elements when no HighlightBrush is set. Range: 0 to 1.

Node Name

Sets the identifier or label

for

of a node

in the Sankey diagram

.

Node Color

Determines

Sets the color

used to represent the

of a node.

Link From

Defines the source node

for

of a link

in the diagram

.

Link To

Defines the target node

for

of a link

in the diagram

.

Link Weight

Specifies

Sets the weight

or magnitude

of a link,

affecting

which determines its thickness.

Link Color

Determines the color used to represent a link

Can be a fixed value or an object.



Runtime Execution 

During At runtime, the SankeyChart Control control generates a Sankey diagram based on predefined engineering configurationsthe configured parameters. When the runtime environment is initiatedstarts, the SankeyChart Control applies these configurations to render the corresponding flow diagram. Users can interact with the diagram, which dynamically responds to the configured settings. This allows for consistent visualization and the control renders the diagram according to the defined settings. The diagram supports interaction and dynamically responds to configuration changes, enabling analysis of data flows and relationships within the application, enabling users to monitor and interpret data relationships effectively..

     Image Added


In this section:

Page Tree
root@parent
spacesV10