|
@@ -8,6 +8,8 @@
|
|
|
<div id="olt_ponport_voltage" style="min-width: 310px; height: 400px; float: left; width:50%"></div>
|
|
|
<div id="olt_ponport_temperature" style="min-width: 310px; height: 400px; float: left; width:50%"></div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div id="olt_ponport_onu" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -15,7 +17,7 @@
|
|
|
|
|
|
Highcharts.chart('olt_ponport_bandwidth', {
|
|
|
chart: {type: 'spline'},
|
|
|
- title: {text: 'Bandwidth Interface'},
|
|
|
+ title: {text: 'Bandwidth PonPort'},
|
|
|
subtitle: {text: 'IN Bandwidth / OUT Bandwidth'},
|
|
|
xAxis: {type: 'datetime',dateTimeLabelFormats: {month: '%e. %b',year: '%b'},title: {text: 'Date'}},
|
|
|
yAxis: {labels: {formatter: bandwidthAxisLabel,align: 'left'},min: 0},
|
|
@@ -86,4 +88,23 @@ Highcharts.chart('olt_ponport_temperature', {
|
|
|
}]
|
|
|
});
|
|
|
|
|
|
+Highcharts.chart('olt_ponport_onu', {
|
|
|
+ chart: {type: 'column'},
|
|
|
+ title: {text: 'Onus'},
|
|
|
+ subtitle: {text: 'Online / Offline'},
|
|
|
+ xAxis: {type: 'datetime',dateTimeLabelFormats: {month: '%e. %b',year: '%b'},title: {text: 'Date'}},
|
|
|
+ yAxis: {min: 0,stackLabels: {enabled: true,style: {fontWeight: 'bold',color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'}}},
|
|
|
+ tooltip: {valueSuffix: ' cm',valueDecimals: 0},
|
|
|
+ plotOptions: {column: {stacking: 'normal',dataLabels: {enabled: true,color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'}}},
|
|
|
+ series: [{
|
|
|
+ name: 'Online',
|
|
|
+ data: {{series['on']['data']|json_encode}},
|
|
|
+ color: '#3f6833'
|
|
|
+ }, {
|
|
|
+ name: 'Offline',
|
|
|
+ data: {{series['off']['data']|json_encode}},
|
|
|
+ color: '#e24d42'
|
|
|
+ }]
|
|
|
+});
|
|
|
+
|
|
|
</script>
|