User Manual

Table Of Contents
Graphics engineering
Dashboards
6
156 | 195
A6V11604297_en--_g
The Ractive component
fillColor
The color of the icon. You can use any of the 140 valid CSS color strings supported by modern browsers. In this case, it’s red.
numIcons
The number of icons displayed. In this case, it’s 10. The number of icons displayed in color represents the average daily
consumption as a percentage of the maximum daily consumption over the last four weeks.
icon
The icon for the household devices. Options are: washing-machine, oven, fridge, light or lightning-bolt.
descriptionText
Free-form text describing the average calculation.
avgValue
The average daily consumption over the last four weeks. Note: Do not edit this value. It is overwritten once the graphic displays
live data.
oneCycleValue
Can be any positive number. In this case, it’s 72.
units
Free-form text describing the unit of measure.
cycleText
Free-form text describing the common household device used for comparison.
maxValue
Maximum daily consumption used in the comparison calculation. Note: Do not edit this value. It is overwritten once the graphic
displays live data.
minValue
Minimum daily consumption used in the comparison calculation. Note: Do not edit this value. It is overwritten once the graphic
displays live data.