Plot-Widgets

plot.comfortchart plot.gauge plot.heatingcurve plot.period plot.pie plot.rtr plot.temprose plot.xyplot


plot.xyplot

Plots a chart of x/y data

Parameters
{{ plot.xyplot(id, item, xitem, yitem, xmin, xmax, ymin, ymax, label, xylabel, color, exposure, axis, zoom, assign, opposite, ycolor, ytype, unit, chartoptions, stacking, stacks, export) }}
id
unique id for this widget (optional)
item
item(s) contaning x/y data in list form; specify multiple items as array: [ item1 , item2 ]
xitem
unused. Planned for a later version: item(s) contaning x data of working point(s)
yitem
unused. Planned for a later version: item(s) contaning y data of working point(s)
xmin
the minimum x-axis value (optional)
xmax
the maximum x-axis value (optional)
ymin
the minimum for each y-axis; multiples in array form: [ min_y-axis1, min_y-axis2, ...] (optional)
If the axis type is boolean the passed value will be the label of the low state (e.g. 'Off')
ymax
the maximum for each y-axis; multiples in array form: [ max_y-axis1, max_y-axis2, ...] (optional)
If the axis type is boolean the passed value will be the label of the high state (e.g. 'On')
label
label for each series; multiples in array form (optional)
xylabel
unused. Planned for a later version: name(s) of the working point(s)
color
color for each series; multiples in array form (optional, default: suitable for design)
exposure
type of each serie: 'line', 'linestack', 'stair', 'spline', 'area', 'areastair', 'areaspline', 'areastacked','column', 'columnstacked'; multiples in array form (optional, default 'line')
axis
title for the x-axis and y-axes in array form: [title_x-axis, title_y-axis1, title_y-axis2, ...] (optional)
zoom
minimal x-range while zooming (optional)
assign
assignment of the series to the y-axes; multiples in array form (optional)
opposite
y-axes setup for left '0' and right '1' hand in array form (optional)
ycolor
y-axes color; multiples in array form (optional)
ytype
y-axes type, one of 'linear', 'logarithmic' or 'boolean'; multiples in array form (optional, default 'linear')
unit
unit(s) for the y-axis. Either a unit of the language file, an individual format string (PHP sprintf like) or a simple string as suffix. Multiples in array form. (optional)
chartoptions
object with additional options for Highcharts, see https://api.highcharts.com/ (optional)
stacking
stacking of series for each stack (array for multiple stacks in ascending order): 'normal', 'percent' (optional, default=normal).
stacks
assign stacked series to different stacks: '0', '1, '2'... or ''. Sequence must be same as item sequence (optional, default='')
export
control for the export of plot data: 0 = none, 1 = images, 2 = images and data (e.g.csv) (optional)
More Information
This plot displays x/y data provided by the backend in list items which need to have the structure [[ x-value_0, y-value_0 ], ... , [ x-value_n, y-value_n ]]. x-values must be in ascending order.
Examples
{{ plot.xyplot('', ['bath.list1', 'bath.list2', 'bath.list3'], '','', '-20', '20', '20', '80', ['0.2','0.6','1.0'], '', ['lightblue','darkblue','lightgreen'], 'spline', ['AT','Vorlauf'], '', '', '', '', '', '°C',
{xAxis:{reversed: true }, title:{text: "Heizkurven mit unterschiedlicher Steigung", align: "left"}, legend:{align: "right", floating:true, y: 20}}') }}

Heating Curves


Options
Most of the options are identical to the options of plot.period widget. Please see its documentation for more explanation.

Widgets

Design

Misc