Plot-Widgets
plot.comfortchart plot.gauge plot.heatingcurve plot.period plot.pie plot.rtr plot.temproseplot.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
