Skip to content

Linear Gauge Flow

This flow covers the 6 steps for the horizontal or vertical progress bar — the Linear Gauge. Step 4 is the dedicated Linear Gauge Axis Design screen where orientation, axis range, bar/marker pointer, and range bands are configured. Steps 5, 6, and 7 are skipped.

Chart Types Using This Flow

Chart Type Primary Use Page
Linear Gauge Horizontal/vertical progress bar, target visualization Linear Gauge

Radial Gauge Is a Separate Flow

Radial Gauge uses a different Axis Design screen for the circular pointer gauge. → Radial Gauge Flow


Flow Diagram

flowchart LR
    A[1. Group<br/>Gauge] --> B[2. Chart Type<br/>Linear Gauge]
    B --> C[3. Compass Record]
    C --> D[4. Linear Gauge Axis Design<br/>Orientation · Bar · Marker · Bands]
    D --> H[8. Card Design]
    H --> I[9. Display Info]

Step Pages

This flow runs 6 of the wizard steps (5, 6, and 7 are not present):

# Step Page Key Content
1 Group Selection 01 — Group Selection Select the Gauge card
2 Chart Type Selection 02 — Chart Type Linear Gauge card
3 Compass Record Selection 03 — Compass Record Single row, single numeric value
4 Linear Gauge Axis Design 04 — Linear Axis Design Orientation, range, bar/marker pointer, range bands, value source
8 Card Design 08 — Card Design Refresh, Border, Info Card
9 Display Information 09 — Display Info Name, Tags, Folder

Steps Not in This Flow

Skipped Step Purpose in the standard flow Why it isn't needed here
5 — Series Design Color, marker, and data label settings for line/bar series The gauge shows a single instantaneous value; there is no "series" concept
6 — Add Series Add a second/third series to the chart The gauge does not support multiple series
7 — General Design Title, legend, tooltip, axis, zoom settings All visual settings (orientation, bar/marker pointer, range bands, labels) are consolidated in Step 4 — Axis Design

Data Requirements

The Linear Gauge query must return a single row with a single numeric value.

SELECT tank_fill_percent
FROM tank_status
WHERE tank_id = 1
ORDER BY ts DESC
LIMIT 1;
Column Type Role
Value column NUMERIC Instantaneous value displayed on the linear gauge

Next Step

01 — Group Selection