Plot-Widgets

plot.comfortchart plot.gauge plot.period plot.pie plot.rtr plot.temprose plot.minmaxavg plot.multiaxis


plot.gauge

A gauge

Parameters
{{ plot.gauge(id, item, min, max, unit, label, mode, stop, color) }}
id
unique id for this widget (optional)
item
an item for the gauge value
min
min value
max
max value
unit
unit for the gauge
label
text for label
mode
set mode 'solid-half', 'solid-cshape', 'solid-circle', 'speedometer', 'scale', 'vumeter' (optional, default: 'solid-half')
stop
stop(s) for the sections in percent e.g. 50. More sections in array form: [30,60] (optional)
color
color(s) for the sections e.g. '#f00' for red. More sections in array form: ['#f00','#fff'] (optional)
Example
{{ plot.gauge('', 'bath.plot.temp', 10, 30, '°', 'Temperatur', 'solid-half', [30,50,70,90], ['#0DE0EC','#55BF3B','#DDDF0D','#DF5353']) }}
{{ plot.gauge('', 'bath.plot.temp', 10, 30, '°', 'Temperatur', 'solid-cshape', [30,50,70,90], ['#0DE0EC','#55BF3B','#DDDF0D','#DF5353']) }}
{{ plot.gauge('', 'bath.plot.temp', 10, 30, '°', 'Temperatur', 'solid-circle', [30,50,70,90], ['#0DE0EC','#55BF3B','#DDDF0D','#DF5353']) }}

{{ plot.gauge('', 'bath.plot.temp', 10, 30, '°', '', 'speedometer', [40,60,80,100], ['#0DE0EC','#55BF3B','#DDDF0D','#DF5353']) }}
{{ plot.gauge('', 'bath.plot.temp', 10, 30, '°', '', 'scale', [40,60,80,100], ['#0DE0EC','#55BF3B','#DDDF0D','#DF5353']) }}
{{ plot.gauge('', 'bath.plot.temp', 10, 30, '', '', 'vumeter', [70,100], ['','#C02316']) }}
Use the slider to control the temperature

solid

needle


Author:ramann, Stefan Widmer

Widgets

Design

Misc