{{ block title }}
    AutoML: Choosing Intervall for {{title}}
{{ endblock }}
{{ block content }}

<p>
Click on the graph to set Minimum and maximum of the your Intervall. You can click as often as you want, as soon as you are
    okay with the choosen min and max values click next and you will see the Result on the next page with your chosen Interval
    marked with vertical lines.
</p>
<p id="info">
min : <label id="min" ></label><br>
max : <label id="max" ></label>
</p>
<div class="input-group">
</div>

<button class="otree-btn-next btn btn-primary" id="next-button" style="visibility:hidden">Next</button>
{{ include C.CHART_TEMPLATE }}

<!--<button class="btn-primary" type="button" id="reset-button" style="visibility: hidden;" onclick="resetMinMax()">Reset</button>-->
<script>
        //console.log('ich war hier', js_vars)
        let series = js_vars.series;
        let min = js_vars.min;
        let max = js_vars.max;
        drawChart(series, min, max, js_vars.title, js_vars.xTitle, js_vars.yTitle);



</script>

{{ include C.INSTRUCTION_TEMPLATE }}


{{ endblock }}