From 1eafe265f11915ab25f484b25fcec9dff8c323c6 Mon Sep 17 00:00:00 2001
From: bashmak <nerosketch@gmail.com>
Date: Wed, 10 May 2017 09:41:08 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A8=D0=B0=D0=B1=D0=BB=D0=BE=D0=BD=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D0=B3=D1=80=D0=B0=D1=84=D0=B8=D0=BA=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 abonapp/templates/abonapp/charts.html | 48 +++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 abonapp/templates/abonapp/charts.html

diff --git a/abonapp/templates/abonapp/charts.html b/abonapp/templates/abonapp/charts.html
new file mode 100644
index 0000000..9678b55
--- /dev/null
+++ b/abonapp/templates/abonapp/charts.html
@@ -0,0 +1,48 @@
+{% extends request.is_ajax|yesno:'nullcont.htm,abonapp/ext.htm' %}
+{% load i18n %}
+{% block content %}
+
+    <div class="row">
+        <div class="col-sm-12">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <h3 class="panel-title">График использования</h3>
+                </div>
+                <div class="panel-body">
+                    <canvas id="netChart" width="300" height="100"></canvas>
+                    <script type="text/javascript">
+                        var myChart = new Chart('netChart', {
+                            type: 'line',
+                            data: {
+                                datasets: [{
+                                    label: 'Траффик абонента',
+                                    data: [{{ charts_data }}],
+                                    borderWidth: 1,
+                                    pointRadius: 1,
+                                    lineTension: 0.1
+                                }]
+                            },
+                            options: {
+                                scales: {
+                                    xAxes: [{
+                                        type: 'time',
+                                        time: {
+                                            unit: 'hour',
+                                            min: {{ time_min }},
+                                            max: {{ time_max }},
+                                            displayFormats: {
+                                                hour: 'HH:MM:SS'
+                                            }
+                                        },
+                                        position: 'bottom'
+                                    }]
+                                }
+                            }
+                        });
+                    </script>
+                </div>
+            </div>
+        </div>
+    </div>
+
+{% endblock %}