Configuring Trends & Charts
Trends and charts visualize data over time or across categories. StudioWeb provides six chart DDO types.
Chart Types
| Type | Visual | Best For |
|---|
| Trend | Scrolling time-series line chart | Real-time data monitoring over time |
| Plot | XY scatter/line chart with numeric axes | Correlation analysis, waveforms |
| Curve Set | Grouped set of curves | Multiple related variables |
| Bar Chart | Vertical/horizontal bars | Comparing discrete values |
| Pie Chart | Circular segments | Proportional distribution |
| Tabular | Table grid of values | Multi-variable numeric display |
Trend DDO
The Trend is the most common chart type — a scrolling time-series display.
Key Properties
| Property | Description | Default |
|---|
| Time Span | Time window displayed (seconds) | 60 |
| Num Curves | Number of data curves | 1 |
| Grid | Show background grid | Yes |
| Grid Color | Grid line color | #333333 |
| Background Color | Chart background | #000000 |
| Axis Color | Axis line and label color | #ffffff |
Curves
Each curve has its own properties:
| Property | Description |
|---|
| Curve Color | Line color for this curve |
| Line Width | Line thickness |
| Min / Max | Y-axis range for this curve |
Data Binding
Each curve binds to a separate read key:
Curve 1: Read Key = "temperature"
Curve 2: Read Key = "pressure"
Curve 3: Read Key = "flow_rate"
Plot DDO
The Plot displays XY data with numeric axes (not time-based).
Key Properties
| Property | Description |
|---|
| X Min / X Max | X-axis range |
| Y Min / Y Max | Y-axis range |
| Grid | Show grid |
| Markers | Show data point markers |
| Num Curves | Number of plot curves |
Features
- Dipstick: Click on the plot to see exact X,Y values
- Zoom box: Click-drag to zoom into a region
- Clip: Data outside the axis range is clipped
Bar Chart DDO
Key Properties
| Property | Description |
|---|
| Num Bars | Number of bars |
| Orientation | Vertical or horizontal |
| Bar Color | Individual bar colors |
| Show Values | Display numeric values on bars |
| Min / Max | Value axis range |
Pie Chart DDO
Key Properties
| Property | Description |
|---|
| Num Slices | Number of pie segments |
| Slice Colors | Individual segment colors |
| Show Labels | Display segment labels |
| Show Percentages | Display percentage values |
Example: Two-Curve Temperature Trend
- Place a Trend DDO on the canvas (make it wide — e.g., 400×200)
- Set DFD properties:
- Time Span: 120 (2 minutes)
- Num Curves: 2
- Grid: Yes
- Background Color:
#0a0a1a
- Configure curves:
- Curve 1: Color
#00ff00, Min 0, Max 100 (temperature)
- Curve 2: Color
#ff6600, Min 0, Max 50 (pressure)
- Set HDA for each curve:
- Curve 1 Read Key:
temperature
- Curve 2 Read Key:
pressure
- Logical Server:
peer_fast
Tips
- Make Trends wide (at least 300px) for readable time axes
- Use contrasting colors for multiple curves on the same chart
- Set Time Span to match your monitoring window (60s for fast processes, 3600s for slow)
- Bar Charts work best with 3–10 bars
- Pie Charts work best with 3–8 slices
See Also