This control populates a series of BarGraphs based on the provided datasetTheSankeyChart is a sophisticated graphical component designed 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 multi-dimensional data.
On this page:
| Table of Contents | ||||
|---|---|---|---|---|
|
Requirements
This graphical component require a structured data source. 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
- Go to Displays / Draw.
- On the Components Panel, select Charts, then BarChart SankeyChart.
- Click or drag-and-drop it on the Drawing area to use it.
- Double-click the object to open the configuration window.
Bar Chart Settings | |
|---|---|
Field | Description |
Flow Direction |
Sets the |
direction of the |
flow within the |
SankeyDiagram. |
Type
Defines the type of chart. The available options are:
Bar: Displays data with rectangular bars proportional to their values, either vertically or horizontally. Useful for comparing categories, showing trends, or visualizing discrete data points.
Line: Connects data points with straight lines, ideal for showing trends over time. Frequently used to display continuous data, highlighting the rise and fall of values across periods.
FullStackedBar: Shows bars stacked to represent the cumulative total of data points. Useful for displaying relative contributions of categories to the whole, illustrating how each part adds to the total over time.
StackedBar: Displays bars stacked to show segments of the total value. Useful for comparing parts of a whole within categories, highlighting the proportion of each segment relative to the category's total.
Data Source
Indicates the data source for the chart, such as "Dataset.Table.Sales." This configuration item requires a structured data source for appropriate data visualization.
Show horizontal labels 45°
When checked, displays horizontal labels at a 45-degree angle.
Show value over bar
When checked, displays the values on top of each bar.
Hide all zero series
When checked, hides series with all zero values.
Show value labels 90°
When checked, displays value labels at a 90-degree angle.
XAxis Width
Allows setting the width of the X-axis.
Y Axis
Configures the Y-axis settings such as range, labels, auto-scaling, and format.
Range
Sets the minimum and maximum range of the Y-axis.
YAxis Height
Specifies the height of the Y-axis.
Labels
Indicates the number of labels on the Y-axis.
Auto Scale Y Axis
When checked, automatically scales the Y-axis based on the data.
Format
Defines the format for displaying Y-axis values. Here, it's set to "N1," which is a numeric format with one decimal place.
Grid Lines
Sets the color of the grid lines in the chart.
Window
Specifies the color of the chart window.
Labels
Sets the color of the labels in the chart.
Data Items
Lists the data items (bars) to be displayed in the chart.
FieldTitle
Specifies the title for the field, used for labeling data items.
FieldValue
Indicates the value to be used for the field. Based on the text defined in this field, it matches the column of the target property on the linked table. For instance, if you have a column called Month, you must populate this field with 'Month'.
FieldColor
Defines the color of the field.
Min
Sets the minimum value for the field.
Max
Sets the maximum value for the field.
| |
Highlight Mode | Determines the interaction mode for highlighting nodes and links.
|
First And Last Label Position | Specifies the position of the first and last labels in the diagram;
|
Show Labels | Determines whether labels are displayed for nodes and links. |
Link Curvature | Controls the curvature of the links between nodes. A higher value results in more pronounced curves. Range of values: 0 - 1. |
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. Range of values: 0 - 1. |
Node Name | Specifies the identifier or label for a node in the Sankey diagram. |
Node Color | Determines the color used to represent the node. |
Link From | Defines the source node for a link in the diagram. |
Link To | Defines the target node for a link in the diagram. |
Link Weight | Specifies the weight or magnitude of a link, affecting its thickness. It can be defined by a fixed number or by an object |
Brush
. |
Runtime Execution
During runtime, the BarChart SankeyChart Control generates a series of bar graphs Sankey diagram based on the provided datasetpredefined engineering configurations. When the runtime environment is initiated, the BarChart Control processes the dataset and displays the corresponding bar graphsSankeyChart Control applies these configurations to render the corresponding flow diagram. Users can interact with the bar graphsdiagram, which dynamically update as the underlying data changesresponds to the configured settings. This allows for real-time consistent visualization and analysis of data flows within the application, enabling users to monitor and interpret data trends relationships effectively.
In this section:
| Page Tree | ||||
|---|---|---|---|---|
|