summary
summary, tile type
The summary tile displays a list of scalar values, typically KPIs.
Examples
myDate = date(2022, 2, 17)
onHand = 123
onOrder = 42
unitPrice = 25
show summary "Key figures" { 1..8, 1..9 } with
"Contoso A-001" as "Product Name"
myDate
onHand
onOrder
onHand + onOrder as "Total units"
(onHand + onOrder) * unitPrice as "Total value" { unit: "$" }
In region-based dashboards, summaryColumns sets the number of columns
used to arrange entries. legendPosition places their labels relative to
their values. This comparison uses the same four entries in both arrangements.
layouts = show region { 1..8, 1..19 }
show summary "One column, labels on the left" { .., 1..7 in layouts;
summaryColumns: 1; legendPosition: left; numbers: simple
} with
65 as "On hand" { unit: " units" }
47 as "Target" { unit: " units" }
1040 as "Inventory value" { unit: "$" }
0.945 as "Fill rate" { numbers: percent; precision: 1; minPrecision: 1 }
show summary "Two columns, labels above" { .., 9..16 in layouts;
summaryColumns: 2; legendPosition: top; numbers: simple
} with
65 as "On hand" { unit: " units" }
47 as "Target" { unit: " units" }
1040 as "Inventory value" { unit: "$" }
0.945 as "Fill rate" {
numbers: percent; precision: 1; minPrecision: 1;
entryTooltip: "Units served divided by units requested";
value { textColor: "green/700" }
}
The second summary colors the fill-rate value while preserving its label’s default color. Hover over its information icon to read the entry explanation. Setting the column count does not increase the tile’s height; the placement must leave enough rows for all entries.
Remarks
Each value can be associated with a label (as "Label") and a unit
({ unit: "$" }).
StyleCode
In region-based dashboards, StyleCode attaches to the tile, each entry, and each entry value. Entry styles include its label and tooltip; nested value styles target the displayed value.
The legacy dashboard attachment points are listed below.
For generic StyleCode rules, see stylecode.
- summary tile
- entry and value