console/app/templates/default/containers/stats.html

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

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

{% block head %}
    <script type="text/javascript">
        window.onload = function () {
            var chart = new CanvasJS.Chart(
                "chartContainer",
                {
		                title:{
	                     text: "test"
	                  },
                    animationEnabled: true,
                    axisY: {
                        title: "Units Sold",
                        valueFormatString: "#0,,.",
                        suffix: "MB"
                    },
                    data: [
                        {
                            toolTipContent: "{y} units",
                            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 %}