diff --git a/static/js/index.js b/static/js/index.js index ecb59ec..f94ee93 100644 --- a/static/js/index.js +++ b/static/js/index.js @@ -1,7 +1,7 @@ //color: #5f6062 var updateInterval = 1000*graph_log_refresh_rate; // 1s var maxNumPoint = 60; -var maxNumCoord = 20; +var maxNumCoord = 100; var emptyArray = []; var mapCoord = []; @@ -169,8 +169,8 @@ $(document).ready(function () { { label: "Series3", data: 60} ]; var plotLineChart = $.plot("#feedDiv3", sources.getEmptyData(), optionsLineChart); -var plotPieChartA = $.plot("#feedDiv1A", rData, optionsPieChart); -var plotPieChartB = $.plot("#feedDiv1B", rData, optionsPieChart); +//var plotPieChartA = $.plot("#feedDiv1A", rData, optionsPieChart); +//var plotPieChartB = $.plot("#feedDiv1B", rData, optionsPieChart); updateChart() function updateChart() { diff --git a/templates/index.html b/templates/index.html index c7dd7f3..1d75ea5 100644 --- a/templates/index.html +++ b/templates/index.html @@ -38,6 +38,11 @@ table { -webkit-transform: translateZ(0); /* little trick to force GPU acceleration */ } +img { + border-style: solid; + border-width: 2px; +} + @@ -60,20 +65,25 @@ table {
-
-
+
+ + +
+
+
+
+
-
+
Logs
@@ -113,7 +123,7 @@ table {
-
+
Log feed
@@ -158,6 +168,13 @@ table { var urlForHead = "{{ url_for('getLogHead') }}"; /* DATA */ var graph_log_refresh_rate = {{ graph_log_refresh_rate }}; + setTimeout(function(){ + var img2 = "{{ url_for('static', filename='maps/map2.png') }}"; + $("#img1").fadeOut(); + $('#img1').attr('src', img2); + $("#img1").delay(200).fadeIn(); + + }, 3000);