The Multi Chart Widget Node is a powerful visualization tool that allows users to display multiple data series on a shared time-based X-axis, each with its own Y-axis and display style.
What Is a Multi Chart?
The Multi Chart is a multi-axis, multi-series time chart that supports multiple lines or bars, each with distinct calculations, colors, and axis groupings. It enables visualization of correlated metrics (e.g., temperature vs. pressure, energy vs. cost) in a single unified view.
It supports:
-
Regular and Stacked layouts
-
Bar, Line, or Point display formats
-
Grouped Y-axes and auto-scaling
-
Interface and node linking for interactivity
Step-by-Step: How to Configure the Multi Chart Widget Node
-
Add the widget
-
Drag the Multi Chart Widget Node from the Visualizations panel to the canvas.
-
-
Connect the widget to the data source
-
Connect the widget to one or more upstream nodes that emit the numeric values you want to chart.
-
Each Y-axis field must match a key in the JSON payload.
-
-
Open configuration
-
Double-click the widget to open the configuration panel.
-
General Settings
| Field | Requirement | Description |
|---|---|---|
| Widget Name* | Required | Title of the chart (e.g., Performance Trends). |
| Widget Subtitle | Optional | Additional context beneath the title. |
| Show UID / Label Name | Optional | Toggle to display the device ID or label. |
Chart Behavior Settings
| Field | Requirement | Description |
|---|---|---|
| Multi-axis Type | Optional | Choose Regular or Stacked Display. |
| Show Value (Total) | Optional | Toggle to display total value on stacked charts. |
| Time Units* | Required | Choose from Seconds, Minutes, Hours, etc. |
| X-axis Time Interval* | Required | Size of time window for each data point (e.g., 5). |
| Timestamp Interval | Required | Choose Running (natural) or Fixed (rounded) intervals. |
| Consolidate & Auto-Scale Axes | Optional | Align all Y-axes on a shared scale. |
| Refresh Interval (seconds) | Optional | How frequently the widget updates (default: 60s). |
| Interval Options Button | Optional | Toggle visibility of interval controls for dashboard users. |
Y-Axis Series Configuration
You can add multiple Y-axis fields, each with distinct appearance and logic.
| Field | Requirement | Description |
|---|---|---|
| Y-Axis Field* | Required | JSON key from the payload. |
| Y-Axis Legend Name* | Required | Label shown in the chart legend for this field. |
| Y-Axis Group Name | Optional | Name of the axis group (used for multiple axes). |
| Display As* | Required | Choose Bar, Line, or Point. |
| Function* | Required | Choose how to calculate value: Average, Sum, etc. |
| Straight Line Function | Optional | Draw a reference line: Sum, Avg, Min, Max. |
| Range Min / Max | Optional | Set min/max for the Y-axis range. |
| Decimal Precision | Optional | Number of decimal places. |
| Hex Color | Optional | Customize color of each data series. |
Use the Add Series function to define multiple fields.
Navigation & Linking
| Field | Requirement | Description |
|---|---|---|
| Interface to Link To | Optional | Redirect to a dashboard when clicked. |
| Node to Link To | Optional | Redirect to a specific node on another dashboard. |
FTP File Settings (Optional)
| Field | Requirement | Description |
|---|---|---|
| FTP Server Address | Optional | Destination for file upload (if exporting). |
| FTP Username | Optional | FTP credentials. |
| FTP Password | Optional | FTP password. |
Time & Tooltip Settings
| Field | Requirement | Description |
|---|---|---|
| Enable Future Data | Optional | Show forecasted or future data (if provided). |
| Delay | Optional | Add display lag for alignment or pacing. |
| Hide Data | Optional | Toggle to hide incoming series temporarily. |
| X-axis Date Format | Optional | Choose how timestamps appear (Default, Date Only, etc.). |
| Tooltip | Optional | Customize hover tooltip format. |
| Enable Tooltip | Optional | Show/hide data tooltips. |
| Show Data Sources in Tooltip | Optional | Show series origin on hover. |
Grouping & Interface
| Field | Requirement | Description |
|---|---|---|
| Add to Interface* | Required | Choose which dashboards the chart should appear on. |
| Select Label | Required (if grouped) | Group widgets by label (e.g., by device or region). |
| Grouped Display Mode* | Required | Choose: - No Grouping - Group by Label Value - Group by Label Name |
| Number of Widgets to Display | Optional | Cap the number of grouped charts rendered. |
Use Cases
-
Compare power, pressure, and flow in one view
-
Overlay target vs. actual values with reference lines
-
Monitor multiple KPIs with mixed bar/line displays
-
Visualize correlated data with auto-scaled or grouped axes
Best Practices
-
Use legend names and Y-axis grouping to keep series distinguishable
-
Combine bar and line series for layered insights
-
Apply fixed intervals for time normalization
-
Use tooltips and linking for deeper insights or drilldowns
-
Stack or consolidate axes based on use case complexity
Frequently Asked Questions (FAQ)
Q: Can I display different metrics using different chart types?
A: Yes. Each Y-axis series can have its own display type: Bar, Line, or Point.
Q: What happens if two series share the same group name?
A: They’ll share the same Y-axis, simplifying scaling and comparison.
Q: Can this chart show future values?
A: Yes, if the data contains future timestamps, enable Future Data display.
Q: How do stacked displays behave?
A: Values in each time slot are stacked atop one another, showing cumulative totals.