Plot-Widgets

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


plot.period

A simple widget for plotting charts

Parameters
{{plot.period(id, item, mode, tmin, tmax, ymin, ymax, count, label, color, exposure, axis, zoom) }}
id
unique id for this widget
item
series of item/s. More item/s in array form: [ item1 , item2 ]
mode
the mode: 'avg', 'sum', 'min', 'max'
tmin
the minimum time (x-axis): '1h', '2h'... (duration-format)
tmax
the maximum time (x-axis): '', '1h', '2h'... (duration-format, default: now)
ymin
the minimum y-axis (optional)
ymax
the maximum y-axis (optional)
count
the number of points in the period
label
label/s for each series (optional)
color
color/s for each series e. g. '#f00' for red (optional, default: sutiable for design)
exposure
type/s for each series: 'line', 'stair', 'spline', 'area', 'areaspline', 'column' (optional, default 'line')
axis
title/s for the x-axis and y-axis
zoom
minimum time while zooming in sec (optional, duration-format)
number of samples (points) (optional, default 100)
More Information
Example
{{ plot.period('p1', 'bath_plot_value', 'avg', '3h') }}

{{ plot.period('p2', ['bath_plot1', 'bath_plot2', 'bath_plot3'], 'avg', '1h', 'now', 0, 100, '', '', ['#aa0', '#a00', '#00a'], ['area', 'column', 'line']) }}

{{ plot.period('p3', 'bath_plot_value', 'avg', '20h', 'now', 0, 100, '', '', '', '', '', '1h' ) }}

p1: a simple plot

p2: a plot with 3 series

p3: a zoomable plot

Widgets

Design

Misc