Quad Design Widgets

unique id for this widget (optional)

one or more item(s). Multiple items in array-form: [item1, item2]

either a unit of the language file, an individual format string (PHP sprintf like) or a simple string as suffix.
Use 'text' to display result as unformatted string, 'html' to render it as unescaped html or 'script' to just execute as JavaScript w/o displaying anything.

any valid JavaScript expression with following variables and aggregate functions (optional, default: VAR)
- VAR1, VAR2, ... represent the corresponding item's value, VAR is an array of all item values
- SUM(VAR), AVG(VAR), SUB(VAR), MIN(VAR) and MAX(VAR) aggregate the values

array of upper thresholds; the color according to greatest reached threshold is applied (optional)

array of colors; 'icon1' or e. g. '#f00' for red (optional)
the first one is the base color for values below first threshold, so pass one color more than thresholds.

css class name, useful for script hacks (see documentation and example)

placeholder attributes for future features, etc.

description text for the whole line

description text for each column

array with all plot.period attributes to show a plot in popup. Alternatively just the item to be plotted.

icon triggering the plot popup

placeholder attributes for future features, etc.

placeholder attributes for future features, etc.

array with numbers from 1 to 5: Reorder elements to your liking (esp. relevant for smartphones as 5 columns might be too much)
* to reverse the complete order, use [5, 4, 3, 2, 1], to reverse the last two, use [1, 2, 3, 5, 4], etc.