Plot-Widgets

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


plot.heatingcurve

Displays a heating curve (outside temperature compared to heating flow temperature) with current datapoint

Parameters
{{ plot.heatingcurve(id, item_datapoints, item_current_outsidetemp, item_current_flowtemp, chartoptions) }}
id
unique id for this widget (optional)
item_datapoints
an item containing the pairs of temperatures
* Sorted array in format: [[outside1, heating_temp], [outside2, heating_temp] ...]
item_current_outsidetemp
an item for the current outside temperature
item_current_flowtemp
an item for the current heating flow temperature
chartoptions
object with additional options for Highcharts, see https://api.highcharts.com/ (optional)
Example
{{ plot.heatingcurve('p1', 'heatingcurve', 'outdoor_temp', 'flow_temp') }}
Use the slider to control the outdoor temperature setting Use the slider to control the flow temperature setting

heating curve plot

The widget offers styling options which will be transferred directly to Highcharts. You can even override existing plot options defined by the widget:
{{ plot.heatingcurve('p2', 'heatingcurve', 'outdoor_temp', 'flow_temp', { yAxis: { min: 20, max: 36, tickInterval: 2}, legend: { verticalAlign: 'bottom', y: -50 }}, legend: { verticalAlign: 'bottom', y: -50 }} ) }}

heating curve plot - with chart options

Widgets

Design

Misc