{% extends "default/_layout.html" %}

{% block title %}Статистика{% endblock %}

{% block head %}
    <script type="text/javascript">
        window.onload = function () {
            var chart = new CanvasJS.Chart("chartContainer", {
                title:{text: "Использование оперативной памяти"},
                    animationEnabled: true,
                    axisY: { title: "", valueFormatString: "#0,,.", suffix: "MB" },
                    data: [{
                            toolTipContent: "{y} байт",
                            type: "splineArea",
                            markerSize: 5,
                            color: "rgba(54,158,173,.7)",
                            dataPoints: [
                                {% for s in stats_memory %}
                				    { x: new Date({{ s.year }}, {{ s.month }}, {{ s.day }}, {{ s.hour }}, {{ s.minute }}), y: {{ s.data }} },
                				{% endfor %}
                            ]
	                    }
	                ]
	            }
            );
            chart.render();
        }
    </script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/vendor/canvasjs.min.js') }}"></script>
{% endblock %}

{% block content %}
    <div class="row">
        <div class="large-12 columns">
            <h3>Статистика</h3>
        </div>
    </div>
    <div class="row">
        <div id="chartContainer" style="height: 300px; width: 100%;">
        </div>
    </div>
{% endblock %}