|
@@ -0,0 +1,61 @@
|
|
|
+<div class="box box-widget">
|
|
|
+ <div class="box-header">
|
|
|
+ <h4 class="box-title">{{ 'olt_consumption'|trans({}, 'StatsBundle') }}</h4>
|
|
|
+ <div class="box-tools pull-right">
|
|
|
+ <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box-body">
|
|
|
+ <canvas id="olt_consumption"></canvas>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+{% if inCons|length > 0 or outCons|length > 0 %}
|
|
|
+<script>
|
|
|
+ {% set itemsIn, itemsOut, labelsIn, labelsOut, labels = [], [], [], [], [] %}
|
|
|
+ {% if inCons|length > 0 %}
|
|
|
+ {% for i,point in inCons %}
|
|
|
+ {% set itemsIn = itemsIn|merge([point[0]]) %}
|
|
|
+ {% set d = (point[1]/1000)|date('d') %}
|
|
|
+ {% set hour = (point[1]/1000)|date('H:i') %}
|
|
|
+ {% set labelsIn = labelsIn|merge([hour]) %}
|
|
|
+ {% endfor %}
|
|
|
+ {% endif %}
|
|
|
+ {% if outCons|length > 0 %}
|
|
|
+ {% for i,point in outCons %}
|
|
|
+ {% set itemsOut = itemsOut|merge([point[0]]) %}
|
|
|
+ {% set hour = (point[1]/1000)|date('H:i') %}
|
|
|
+ {% set labelsOut = labelsOut|merge([hour]) %}
|
|
|
+ {% endfor %}
|
|
|
+ {% endif %}
|
|
|
+
|
|
|
+ {% if labelsIn|length > 0 %}
|
|
|
+ {% set labels = labelsIn %}
|
|
|
+ {% else %}
|
|
|
+ {% set labels = labelsOut %}
|
|
|
+ {% endif %}
|
|
|
+ var occhart_cons = new Chart( $('#olt_consumption'), {
|
|
|
+ type: 'line',
|
|
|
+ data: {
|
|
|
+ datasets: [{
|
|
|
+ label: "IN Consumption",
|
|
|
+ data: [{{ itemsIn|join(',') }}],
|
|
|
+ borderColor: "#61C45C"
|
|
|
+ },{
|
|
|
+ label: "OUT Consumption",
|
|
|
+ data: [{{ itemsOut|join(',') }}],
|
|
|
+ borderColor: "#FF7C3F"
|
|
|
+ }],
|
|
|
+ labels: ["{{ labels|join('","')|raw }}"]
|
|
|
+ },
|
|
|
+ options: {
|
|
|
+ legend: {
|
|
|
+ display: true
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ display: false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+</script>
|
|
|
+{% endif %}
|