Plot-Widgets
plot.comfortchart plot.gauge plot.heatingcurve plot.period plot.pie plot.rtr plot.temprose plot.xyplotplot.gauge
A gauge
Parameters
{{ plot.gauge(id, item, min, max, unit, label, mode, stop, color, axis) }}
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)
axis
actually unused (puts additional label inside speedometer )
Example
{{ plot.gauge('', 'bath.plot.temp', 10, 30, 'temp', 'Temperature', 'solid-half', [30,50,70,90], ['#0DE0EC','#55BF3B','#DDDF0D','#DF5353']) }}
{{ plot.gauge('', 'bath.plot.temp', 10, 30, 'temp', 'Temperature', 'solid-cshape', [30,50,70,90], ['#0DE0EC','#55BF3B','#DDDF0D','#DF5353']) }}
{{ plot.gauge('', 'bath.plot.temp', 10, 30, 'temp', 'Temperature', 'solid-circle', [30,50,70,90], ['#0DE0EC','#55BF3B','#DDDF0D','#DF5353']) }}
{{ plot.gauge('', 'bath.plot.temp', 10, 30, 'temp', 'Temperature', 'speedometer', [40,60,80,100], ['#0DE0EC','#55BF3B','#DDDF0D','#DF5353']) }}
{{ plot.gauge('', 'bath.plot.temp', 10, 30, 'temp', 'Temperature', '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
