/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Wolfram v. Hülsen * @copyright 2012 - 2021 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "widget_plot.html" %} {% block example %}
Example
{% filter trim|escape|nl2br %}{% verbatim %} {{ plot.heatingcurve('p1', 'heatingcurve', 'outdoor_temp', 'flow_temp') }} {% endverbatim %}{% endfilter %}
Use the slider to control the outdoor temperature setting {{ basic.slider('s1', 'bath.plot.temp', -30, 20, 1) }} Use the slider to control the flow temperature setting {{ basic.slider('s2', 'bath.plot.humidity', 24, 32, 1) }}

heating curve plot

{{ plot.heatingcurve('px1', 'bath.heatingcurve', 'bath.plot.temp', 'bath.plot.humidity') }}
The widget offers styling options which will be transferred directly to Highcharts. You can even override existing plot options defined by the widget:
{% filter trim|escape|nl2br %}{% verbatim %} {{ 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 }} ) }} {% endverbatim %}{% endfilter %}

heating curve plot - with chart options

{{ plot.heatingcurve('px2', 'bath.heatingcurve', 'bath.plot.temp', 'bath.plot.humidity', { yAxis: { min: 20, max: 36, tickInterval: 2}, legend: { verticalAlign: 'bottom', y: -50 }} ) }}
{% endblock %}