Sankey Chart

Version

Application Scenario

Sankey charts, also known as sankey diagrams, are a specific type of flow charts that describe the flow from a group of values to another group of values. Such charts are suitable for displaying the flow and distribution of energy, resources, funds, and other indicators between multiple states or stages.

The initial flow and the final flow in a sankey chart are the same. The total width of all main lines is equal to that of all divergent sub lines, maintaining energy balance. In the chart, different lines represent different flow diversion situations. The width of each line proportionally display the flow occupied by this line. For nodes, different widths represent different flow sizes in specific states. The width of each divergent line in the chart corresponds to the size of the data flow, which is usually applied to the data visualization analysis in scenarios such as energy, material composition, and finance.

Function Description

The Sankey Chart plugin provided by FineRuan is mainly used to display the flow and distribution of data between different nodes.

The tooltip can move with the cursor.

The plugin allows you to customize titles, labels, nodes, and line styles.

The plugin is not supported in IE8 browsers. Do not download or enable this plugin when using IE8 browsers. Otherwise, the operation of other templates may be affected.

This plugin is not supported on mobile terminals.

Plugin Installation

You can contact our technical support to obtain the plugin.

For details about how to install the plugin in the designer, see Designer Plugin Management.

For details about how to install the plugin on the server, see Server Plugin Management.

Function Entry

1. General Report

Select the merged cell, click the Insert Chart icon on the upper toolbar, select Sankey Chart, and click OK, as shown in the following figure.

2. FVS Visualization Dashboard

Add a table component in FVS. Edit the table, select the Insert Chart icon on the upper toolbar, and select Sankey Chart in the chart type window, as shown in the following figure.

Note:

FVS only allows you to insert Sankey Chart in Table Component but does not allow you to use Sankey Chart directly in Chart Component.

3. FRM Dashboard

On the upper chart toolbar in an FRM dashboard, select the Sankey Chart icon to add the diagram, as shown in the following figure.

Note:

The FRM dashboard allows you to use Sankey Chart in a report/chart block.

Attribute Setting

Data

Data Source can be set to Dataset Data or Cell Data.

Note:

Data cannot be stuck in a dead loop. For example, A flows to B, and B flows back to A.

Style

You can configure Title, Label, Node, Line, Other, and Prompt.

The following table explains the details.

Style	Description	Illustration
Title	You can configure the main title and subtitle. You can customize Condition Display, Character, Position, Main Title Style, Subtitle Style, and Background Color.
Label	For labels, you can   configure Show Label, Position, Show Node Name, Show Node   Value, Label Style, and Label Color Condition Attribute.
Node	You can customize Alignment, Node Width, Node Gap, Node Border Width, and Node Border Color. Iteration Coefficient: This parameter is used to continuously optimize the node positions in the chart to reduce mutual occlusion between nodes and edges. Note: When sorting nodes, you can set Iteration Coefficient to 0. You can click Enable Shadow to customize the node shadow in the pop-up        box.
Line	Line colors can be set according to node colors or customized. You can customize Color Transparency and Line Curvature. Line Transparency During Pointer Floating: You can set the line transparency during pointer floating to achieve highlighting effects.
Other	You can adjust the position and size of the entire component.	/
Prompt Box	You can configure Prompt Box Floating Position, Text Style, and Background Color. The prompt box can move with the cursor. Note: The precision of the value in the prompt box is up to 5 decimal places, in the format like 280.32213

Special Effect

You can set Interactive Animation, but Condition Display is not available now.

Report Creation

1. Create a general report.

2. Create a built-in dataset with the content shown in the following figure. After setting, click OK.

Chart Insertion

1. Resize the cell as required and select the cell.

2. Click the Insert Chart icon on the upper toolbar, and select Sankey Chart.

Chart Attribute Setting

Data

1. Select the cell where the chart is located and click Cell Element.

2. Set Data.

Set Data Source to Dataset Data and Dataset to Embedded1.

Set Source to Source, Target to Target, and Value to Value.

Style

1. Set the title.

Main Title: Sankey Chart

Subtitle: Sankey Chart

Remain the default settings of other attributes.

2. Remain the default settings of Label, Node, Line, Other, and Prompt Box.

Special Effect

Remain default settings.

Effect Display

Save the report and click Pagination Preview. The following figure shows the preview effect.

Note:

The effect cannot be previewed on mobile terminals.

For details, you can download Sankey Chart.cpt.