This control populates a series of BarGraphs based on the provided datasetThe SankeyChart is a graphical component used to visualize the flow and distribution of resources, energy, or data between entities within a system. It displays proportional flows and supports analysis of multi-dimensional data through visual representation.
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 In the Components Panel, select Charts, then BarChartchoose SankeyChart.
- Click or drag-and-drop it on the Drawing area to use itthe component into the drawing area.
- Double-click the object to open the configuration window.
SankeyChart |
|---|
Settings | |
|---|---|
Field | Description |
Flow Direction |
Sets the |
direction of |
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.
Brush
Specifies the brush color used for the data items (bars).
Runtime Execution
During runtime, the BarChart Control generates a series of bar graphs based on the provided dataset. When the runtime environment is initiated, the BarChart Control processes the dataset and displays the corresponding bar graphs. Users can interact with the bar graphs, which dynamically update as the underlying data changes. This allows for real-time visualization and analysis of data within the application, enabling users to monitor and interpret data trends effectively.
flow in the diagram.
| |
Highlight Mode | Defines interaction for highlighting nodes and links.
|
First And Last Label Position | Sets the position of the first and last labels.
|
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 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 of a node. |
Node Color | Sets the color of a node. |
Link From | Defines the source node of a link. |
Link To | Defines the target node of a link. |
Link Weight | Sets the weight of a link, which determines its thickness. Can be a fixed value or an object. |
Runtime Execution
At runtime, the SankeyChart control generates a Sankey diagram based on the configured parameters. When the runtime environment starts, 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.
In this section:
| Page Tree | ||||
|---|---|---|---|---|
|