{% extends "global/Page.html" %}
{% load otree %}


{% block title %}Round_1_guess{% endblock %}

{% block content %}

 <div id="container" ></div>


{%block script%}
<script src="https://code.highcharts.com/highcharts.js"></script>

<script>
 Highcharts.chart('container', {
 chart:{
 height:250,
 width:800
 },

    title: {
        text: 'price game'
    },



    yAxis:[{
        min: 0,
        Max: 350,
        tickAmount: 8,
        tickInterval: 40
        }, {
        title: {
            text: 'Price'
        }}],


    xAxis: {
        accessibility: {
            rangeDescription: 'Period'
        }
    },


    series: [{
        name: '',
        data: {{series|json}}

    }],

    responsive: {
        rules: [{
            condition: {
                maxWidth: 1000
            },
            chartOptions: {
                legend: {
                    layout: 'horizontal',
                    align: 'center',
                    verticalAlign: 'bottom'
                }
            }
        }]
    }

});

</script>



{% endblock%}

{% formfields %}



{% next_button %}

{% endblock %}