Skip to content

Two-Column List Flow

This flow covers 7 steps for the label-value pair list widget — Two-Column List. Unlike standard Cartesian flows, Step 4 is the dedicated Two-Column Data Config screen where Label Column and Value Column are mapped. Steps 5 (Series Design) and 6 (Add Series) are skipped.

Chart Types Using This Flow

Chart Type Primary Use Page
Two-Column List Label-value pair list — equipment parameters, recipe summaries, shift info card Two-Column List

Flow Diagram

flowchart LR
    A[1. Group<br/>Other] --> B[2. Chart Type<br/>Two-Column List]
    B --> C[3. Compass Record]
    C --> D[4. Two-Column Data Config<br/>Label · Value mapping]
    D --> G[7. General Design]
    G --> H[8. Card Design]
    H --> I[9. Display Info]

Step Pages

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

# Step Page Key Content
1 Group Selection 01 — Group Selection Select the Other card
2 Chart Type Selection 02 — Chart Type Two-Column List card
3 Compass Record Selection 03 — Compass Record Record returning label + value pairs
4 Two-Column Data Config 04 — Two-Column Data Config Label Column + Value Column, live preview
7 General Design 07 — General Design Label/Value style, Row Settings, Alternating Color
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 Series color, marker, and data label visual settings Two-Column List is a label-value pair list; there is no chart series concept — visual settings are in Step 7
6 — Add Series Add a second/third series to the chart The list uses a single Compass record with two columns (Label + Value)

Data Requirements

The Two-Column List query must return label + value pairs; each row becomes a list item.

-- Shift summary
SELECT 'Shift'          AS parameter, 'S1 (06-14)'  AS value UNION ALL
SELECT 'Production Qty',              '1,245'                  UNION ALL
SELECT 'Target',                      '1,500'                  UNION ALL
SELECT 'OEE',                         '82%'                    UNION ALL
SELECT 'Supervisor',                  'John D.';

-- Recipe parameters
SELECT parameter_name AS label,
       parameter_value AS value
FROM recipe
WHERE recipe_id = 42
ORDER BY sort_order;
Column Type Role in Step 4
Label column TEXT Label Column
Value column TEXT or NUMERIC Value Column

Practical Row Count

5–15 rows is ideal. For longer lists, use DataGrid instead.

Next Step

→ 01 — Group Selection