Skip to main content

4.2.4 Gauge Chart

4.2.4.1 Overview

The Gauge Chart displays a single current value on an arc or circular dial, similar to an analog instrument panel. Colored arc segments show at a glance where the value stands within its operating range.

Gauge chart edit mode overview

The gauge always shows the latest data point in the selected time range. Multiple gauges can be displayed in a single panel — one per metric — arranged automatically, horizontally, or vertically. It supports segmented display, scale labels, threshold color bands, and glow effects for rich visual customization.

4.2.4.2 When to Use

Use the Gauge Chart when:

  • You want to show a single real-time measurement in a format operators immediately understand
  • You need to communicate whether a value is in a safe, warning, or alarm zone at a glance
  • You are building operator displays or status boards where spatial metaphors convey urgency
  • You need to compare the same metric across multiple devices side by side (e.g., voltage across five meters)

For multiple values compared across time, use the Trend Chart. For a plain numeric readout without the dial metaphor, use the Stat Value panel. For a linear progress-bar visual, use the Bar Gauge.

4.2.4.3 Configuration

Graph Settings

The Graph section controls gauge shape, segmentation, and visual effects:

SettingDescription
StyleDial shape: Arc (semicircular) or Circle (full ring)
OrientationLayout when multiple gauges are shown: Auto, Horizontal, or Vertical
Bar Width FactorRelative thickness of the arc or ring, range 0.1–1. Default is 0.70
SegmentsNumber of discrete segments the arc is divided into, range 1–100. Default is 1 (continuous arc)
Segments SpacingGap between adjacent segments, range 0–1. Available when Segments is greater than 1
Text ModeText shown on the gauge: Value and Name, Value, or Name
Display TimeWhether to show the timestamp below the gauge: On or Off
Time FormatFormat for the timestamp display, e.g. YYYY-MM-DD HH:mm:ss. Available when Display Time is On
Show ThresholdsToggle to display threshold value labels around the arc (switch)
Show LabelsToggle to display scale tick labels on the dial (switch)
EffectsVisual effects (multi-select): Gradient, Bar Glow, Center Glow

When Orientation is Horizontal or Vertical, a Gauge Size mode (Auto/Manual) becomes available, with min-height or min-width settings in Manual mode.

Circle Style

Setting Style to Circle renders gauges as full circular rings — useful for more compact layouts or a full-sweep visual:

Circle style

Segmented Display

Setting Segments to a high value (e.g., 70) with Segments Spacing (e.g., 0.25) divides the arc into many discrete blocks, creating a classic instrument dial appearance:

Segmented display effect

Effects

Enabling all effects (Gradient + Bar Glow + Center Glow) gives the gauge a glowing gradient appearance. Combined with Show Labels, scale values are displayed around the arc:

Effects and scale labels

Standard Options

SettingDescription
MinMinimum value on the dial scale (leave blank for auto-calculation)
MaxMaximum value on the dial scale (e.g., 250)
DecimalsNumber of decimal places for value display (leave blank for auto)
Color SchemaHow series colors are assigned: Single Color, Shades of Color (by series), From thresholds (by value), Classic palette, Classic palette (by series name), or Custom palette
No ValueText to display when there is no data. Default is -

Text Size

SettingDescription
TitleFont size for the metric name label. Leave blank for automatic sizing
ValueFont size for the numeric value on the dial. Leave blank for automatic sizing

Data Links attach clickable URLs to gauges:

SettingDescription
TitleDisplay name for the link
URLTarget URL, supports variable interpolation
Open in New TabWhether to open the link in a new browser tab
One-ClickWhen enabled, clicking the gauge immediately navigates. Only one link per panel can have this enabled

Value Mappings

Value Mappings replace raw data values with custom display text and colors:

Mapping TypeDescription
ValueExact match on a specific value or text string
RangeMatch a numeric range
RegexMatch using a regular expression with replacement
SpecialMatch null, NaN, booleans, empty strings, and other special cases
OthersMatch all values not covered by the preceding rules

Thresholds

Thresholds define color zones on the dial arc, making it visually clear which operating region the current value falls in.

Thresholds configuration

As shown above, using Percentage mode with thresholds at 90% (dark red), 70% (orange), 60% (yellow), 50% (cyan), and Base (green), the arc displays a green → cyan → yellow → orange → red color band from low to high. The current value's position is immediately obvious.

SettingDescription
Thresholds ModeHow threshold values are interpreted: Absolute or Percentage
+ Add thresholdAdd a threshold rule consisting of a numeric boundary and a color

Thresholds take effect when the Color Schema in Standard Options is set to From thresholds (by value). Threshold colors are applied directly to the dial arc segments.

Field Overrides

Field Overrides let you apply settings to individual metrics, overriding the global configuration. Select a target metric by name (Fields with name), then add properties to override, including: Graph Style, Fill Opacity, Value Mappings, and more.

Sampling

When query results contain too many data points, downsampling reduces the processing load:

SettingDescription
Down SamplingToggle. Off by default
Max Data PointsMaximum number of data points retained after downsampling
Aggregation FunctionAggregation method used when downsampling (e.g., AVG, MAX, MIN)

Scheduled Report

Scheduled Reports automatically generate and push panel snapshots at a preset interval:

SettingDescription
FrequencySend interval: Weekly, Daily, etc.
Job Start TimeDate and time of the first execution
End DateWhen the scheduled task stops (leave blank for no end)
Notification Contact PointThe contact point that receives the report

4.2.4.4 Example Scenarios

Multi-device voltage monitoring. Five devices' voltage readings are displayed in the same gauge panel using Arc style with Auto orientation. Each gauge is assigned a different color from the Classic palette so operators can compare voltage readings side by side.

Percentage threshold color bands. With Max set to 250 and Thresholds Mode set to Percentage, thresholds are configured at 90%/70%/60%/50%/Base with colors ranging from green to red. Combined with Show Thresholds and Show Labels, operators can not only see the current value but also judge how far it is from the alarm zone.

Industrial instrument style. Segments is set to 70, Segments Spacing to 0.25, Bar Width Factor to 0.90, and all Effects are enabled (Gradient + Bar Glow + Center Glow). The gauge presents a finely segmented, glowing industrial instrument look — ideal for control-room large-screen displays.