Plot-Widgets

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


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 click to collapse contents

Created with Highcharts 11.0.1ATVLHeizkurveSOLL-Vorlauftemperatur-30-25-20-15-10-50510152020253035
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 click to collapse contents

Created with Highcharts 11.0.1ATVLHeizkurveSOLL-Vorlauftemperatur-30-25-20-15-10-505101520202224262830323436