Functional explanation
The Radar object plots several values around a circular web. Each axis, drawn as a spoke, represents one measurement, and each series is drawn as one closed polygon over all the axes. It suits comparisons over a fixed set of measurements, for example a setpoint against the actual value, two pumps over the same set of readings, or a machine profile against its reference profile.
The Radar object uses the same data structure as the Bar Graph object: the categories become the axes and the series become the polygons. A radar shows the shape of a profile rather than exact magnitudes, so keep the number of series small. Three or four polygons on one web are already hard to read.
Axis scaling is per axis by default. Every spoke is scaled from its own values, which keeps spokes with different units and different value ranges comparable in shape. Enable Shared Scale to place every spoke on one common range instead, which is what is needed when all spokes share the same unit and their magnitudes must be compared directly.
A value outside the range of its axis is drawn on the outer ring rather than outside the object, so a bad reading cannot push the graphic over the surrounding page content.
Object name
Set the object name shown in the radar decorator context.
| Setting | Description | Example | Units |
|---|---|---|---|
| Object Name | Name used to identify the Radar object. | PumpComparison | Text |
No rows match the filter.
Settings
Configure the chart behavior, the axis scaling, and the appearance of the web and the series polygons.
| Setting | Description | Example | Units |
|---|---|---|---|
| Animation Speed | Duration of the animation that grows the polygons from the centre when the chart is drawn. | 1500 | ms |
| Legend Position | Position of the legend. Supported values are Top and Bottom. | Bottom | Enum |
| Value Unit | Unit suffix appended to tooltip values. | bar | Text |
| Value Format | Number format of the tooltip value, the same patterns as the Format of a variable: 0 shows no decimals, 0.00 always shows two decimals, 0.0## shows one to three decimals and #,##0.00 adds a thousands separator. Empty shows three significant digits, for example 1234.5 as 1.23e+3. The axis values keep their own formatting. | #,##0.0 | Text |
| Shared Scale | Places every axis on one common value range when enabled. When disabled, each axis is scaled from its own values. | false | Boolean |
| Axis Minimum | Minimum value of every axis. Empty means automatic. | 0 | Number |
| Axis Maximum | Maximum value of every axis. Empty means automatic. | 100 | Number |
| Show Grid | Shows the web rings when enabled. | true | Boolean |
| Grid Levels | Number of web rings drawn between the centre and the outer edge. Range 1 to 10. | 5 | Number |
| Show Ring Values | Shows the ring value labels. On a shared scale these are absolute values. With per axis scaling they are a percentage of each axis range. | true | Boolean |
| Show Points | Draws a marker on every polygon corner. The tooltip works whether or not the markers are drawn. | true | Boolean |
| Point Radius | Radius of the polygon corner markers. | 3 | px |
| Line Width | Width of the polygon outline. | 2 | px |
| Fill Opacity | Opacity of the polygon fill, between 0 and 1. A value of 0 leaves the polygon as an outline. | 0.25 | Number |
No rows match the filter.
Axis Minimum and Axis Maximum apply to every axis. Leave them empty for automatic scaling. A Min or Max entered on a single axis in the Data section takes precedence over these two settings, and these two settings take precedence over the automatic range.
Data
The Data section defines the axes and the series. Add one Axes row per spoke and one Series row per polygon, then add one value per axis inside each series. Axis names, series names and values are all expressions, so a value can be a fixed number or a variable that is read at runtime.
| Setting | Description | Example | Units |
|---|---|---|---|
| Expression | Variable or expression that provides the complete data set as JSON. Takes precedence over the Axes and Series rows. | PLC1.RadarData | Expression |
| Axes | One row per spoke. Holds the axis name and, optionally, the Min and Max of that spoke. | Flow | Expression |
| Min | Minimum value of this axis only. Empty means the object wide setting or automatic. | 0 | Number |
| Max | Maximum value of this axis only. Empty means the object wide setting or automatic. | 250 | Number |
| Series | One row per polygon. Holds the series name, the series color, and one value per axis. | Pump 1 | Expression |
| Color | Color of the polygon outline and fill. | #87ceeb | Color |
| Values | One value per axis, in the same order as the Axes rows. | PLC1.P1_Flow | Expression |
No rows match the filter.
Min and Max on an axis row are optional. Fill them in when that spoke needs its own range, for example when one spoke is a flow in m3/h and another is a temperature in degrees Celsius. Leave them empty to fall back to Axis Minimum and Axis Maximum, or to automatic scaling when those are empty as well.
The Expression field above the Axes list is an alternative to the two lists. Point it at a variable or expression that returns the complete data set as JSON and it takes precedence over the Axes and Series rows. Use it when the number of axes or series is decided at runtime rather than at design time.
{
"categories": [
{ "name": "Flow", "min": 0, "max": 250 },
{ "name": "Head", "min": 0, "max": 60 },
{ "name": "Power", "min": 0, "max": 75 }
],
"series": [
{ "name": "Pump 1", "color": "#87ceeb", "values": [180, 42, 55] },
{ "name": "Pump 2", "color": "#e9969b", "values": [165, 47, 61] }
]
}A radar always draws at least three axes. If fewer axis names are entered than there are values in a series, the missing names are generated. If a series holds fewer values than there are axes, the missing values are drawn as 0.
Colors
Configure the color scheme for the radar elements. The polygon colors are set per series in the Data section.
| Setting | Description | Example | Units |
|---|---|---|---|
| Background | Background color of the chart area. | #f5f5f5 | Color |
| Grid Color | Color of the web rings. | #e0e0e0 | Color |
| Axis Line Color | Color of the spokes running from the centre to each axis. | #333333 | Color |
| Text Color | Text color used for the axis labels, the ring values and the legend. | #333333 | Color |
| Tooltip Background | Background color of the tooltip. | rgba(0,0,0,0.8) | Color |
| Tooltip Text Color | Text color of the tooltip. | #ffffff | Color |
No rows match the filter.
Text
Configure the font settings for the legend, the axis labels around the web, and the ring value labels.
| Setting | Description | Example | Units |
|---|---|---|---|
| Legend Font Family | Font family used for the legend text. | Arial | Font family name |
| Legend Font Size | Font size used for the legend text. | 12px | px |
| Legend Font Weight | Font weight used for the legend text. | 400 | CSS font weight |
| Axis Labels Font Family | Font family used for the axis labels around the web. | Arial | Font family name |
| Axis Labels Font Size | Font size used for the axis labels around the web. | 12px | px |
| Axis Labels Font Weight | Font weight used for the axis labels around the web. | 700 | CSS font weight |
| Ring Value Labels Font Family | Font family used for the ring value labels. | Arial | Font family name |
| Ring Value Labels Font Size | Font size used for the ring value labels. | 9px | px |
| Ring Value Labels Font Weight | Font weight used for the ring value labels. | 400 | CSS font weight |
No rows match the filter.
Position / Size
Configure the position and size of the Radar object. The web is sized from the smaller of the width and the height, so a square object uses the available area best.
| Setting | Description | Example | Units |
|---|---|---|---|
| Top | Top position of the object. | 100 | px |
| Left | Left position of the object. | 220 | px |
| Width | Width of the object. | 420 | px |
| Height | Height of the object. | 380 | px |
| Z-index | Layer order of the object. Higher values appear in front of lower values. | 10 | Number |
No rows match the filter.
Access Control
Configure access control for the Radar object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Access Control Enable | Enables access control evaluation for the object. | true | Boolean |
| Access Control | Expression controlling who can use or see the object. | SYSTEM.UserGroups == "Operators" | Expression |
| Access Control Filter | CSS filter applied when access control is used to alter the object appearance. | blur(0px) contrast(30%) | CSS filter |
No rows match the filter.
Visibility
Configure the runtime visibility and blinking behavior for the Radar object.
| Setting | Description | Example | Units |
|---|---|---|---|
| Visibility | Expression controlling whether the object is visible. | PLC1.RadarVisible | Expression |
| Blink | Expression or boolean controlling blinking. | PLC1.AlarmActive | Boolean or expression |
| Blink Speed | Blink speed used during runtime. | 500 | ms |
| Blink Offset | Blink offset used to stagger blinking between objects. | false | Boolean |
No rows match the filter.