Plot-Widgets
plot.comfortchart plot.gauge plot.heatingcurve plot.period plot.pie plot.rtr plot.sparkline plot.temprose plot.timeshift plot.xyplotplot.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] ...]
* 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
The widget offers styling options which will be transferred directly to Highcharts. You can even override existing plot options defined by the widget:
Use the slider to control the flow temperature setting
{{ 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 }} ) }}