|
@@ -98,6 +98,7 @@ table.dataTable thead tr th, table.dataTable tbody tr td {
|
|
|
</div>
|
|
|
<div class="col-sm-6">
|
|
|
{% include '@Stats/Stats/picker.html.twig' %}
|
|
|
+ <br />
|
|
|
<div id="cmts_consumption"></div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -163,6 +164,13 @@ $('#flap_list').click( function(e) {
|
|
|
loadFlapList();
|
|
|
});
|
|
|
|
|
|
+var from = {{from}};
|
|
|
+var to = {{to}};
|
|
|
+var markerEnable = false;
|
|
|
+if((to - from) <= 21600) {
|
|
|
+ markerEnable = true;
|
|
|
+}
|
|
|
+
|
|
|
|
|
|
Highcharts.chart('cmts_consumption', {
|
|
|
chart: {type: 'spline'},
|
|
@@ -171,7 +179,7 @@ Highcharts.chart('cmts_consumption', {
|
|
|
xAxis: {type: 'datetime',dateTimeLabelFormats: {month: '%e. %b',year: '%b'},title: {text: 'Date'}},
|
|
|
yAxis: {labels: {formatter: consumptionAxisLabel,align: 'left'},min: 0},
|
|
|
tooltip: {formatter: consumptionTooltip},
|
|
|
- plotOptions: {series: {dataLabels: {enabled: false, color: '#666666', formatter: bandwidthDataLabel}}},
|
|
|
+ plotOptions: {series: {marker: {enabled: markerEnable}, dataLabels: {enabled: false, color: '#666666', formatter: bandwidthDataLabel}}},
|
|
|
series: [{
|
|
|
name: "OUT Consumption",
|
|
|
data: {{series['out_consumption']['data']|json_encode}},
|
|
@@ -190,7 +198,7 @@ Highcharts.chart('cmts_bandwidth', {
|
|
|
xAxis: {type: 'datetime',dateTimeLabelFormats: {month: '%e. %b',year: '%b'},title: {text: 'Date'}},
|
|
|
yAxis: {labels: {formatter: bandwidthAxisLabel,align: 'left'},min: 0},
|
|
|
tooltip: {formatter: bandwidthTooltip},
|
|
|
- plotOptions: {series: {dataLabels: {enabled: false, color: '#666666', formatter: bandwidthDataLabel}}},
|
|
|
+ plotOptions: {series: {marker: {enabled: markerEnable}, dataLabels: {enabled: false, color: '#666666', formatter: bandwidthDataLabel}}},
|
|
|
series: [{
|
|
|
name: "OUT Bandwidth",
|
|
|
data: {{series['out_bandwidth']['data']|json_encode}},
|
|
@@ -232,7 +240,7 @@ Highcharts.chart('cmts_cm', {
|
|
|
xAxis: {type: 'datetime',dateTimeLabelFormats: {month: '%e. %b',year: '%b'},title: {text: 'Date'}},
|
|
|
yAxis: {min: 0,stackLabels: {enabled: false,style: {fontWeight: 'bold',color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'}}},
|
|
|
tooltip: {valueSuffix: ' cm',valueDecimals: 0},
|
|
|
- plotOptions: {area: {stacking: 'normal', dataLabels: {enabled: false, color: '#666666'}}},
|
|
|
+ plotOptions: {series: {marker: {enabled: false}}, area: {stacking: 'normal', dataLabels: {enabled: false, color: '#666666'}}},
|
|
|
series: [{
|
|
|
name: 'Online',
|
|
|
data: {{series['on']['data']|json_encode}},
|
|
@@ -251,7 +259,7 @@ Highcharts.chart('interface_utilization', {
|
|
|
xAxis: {type: 'datetime',dateTimeLabelFormats: {month: '%e. %b',year: '%b'},title: {text: 'Date'}},
|
|
|
yAxis: {labels: {align: 'left'},min: 0, max: 100},
|
|
|
tooltip: {valueSuffix: ' %',valueDecimals: 2},
|
|
|
- plotOptions: {spline: {marker: {enabled: true}}},
|
|
|
+ plotOptions: {series: {marker: {enabled: markerEnable}}, spline: {marker: {enabled: false}}},
|
|
|
series: [
|
|
|
{% for index in utilizations %}
|
|
|
{
|
|
@@ -269,7 +277,7 @@ Highcharts.chart('interface_snr', {
|
|
|
xAxis: {type: 'datetime',dateTimeLabelFormats: {month: '%e. %b',year: '%b'},title: {text: 'Date'}},
|
|
|
yAxis: {labels: {align: 'left'}},
|
|
|
tooltip: {valueSuffix: ' dB',valueDecimals: 2},
|
|
|
- plotOptions: {spline: {marker: {enabled: true}}},
|
|
|
+ plotOptions: {series: {marker: {enabled: markerEnable}}, spline: {marker: {enabled: false}}},
|
|
|
series: [
|
|
|
{% for index in snrs %}
|
|
|
{
|
|
@@ -287,7 +295,7 @@ Highcharts.chart('interface_cer', {
|
|
|
xAxis: {type: 'datetime',dateTimeLabelFormats: {month: '%e. %b',year: '%b'},title: {text: 'Date'}},
|
|
|
yAxis: {labels: {align: 'left'}},
|
|
|
tooltip: {valueSuffix: ' %',valueDecimals: 6},
|
|
|
- plotOptions: {spline: {marker: {enabled: true}}},
|
|
|
+ plotOptions: {series: {marker: {enabled: markerEnable}}, spline: {marker: {enabled: false}}},
|
|
|
series: [
|
|
|
{% for index in cers %}
|
|
|
{
|