reload chart data in javascript instead of rereshing the whole page

diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js
index 721c586..9a7501b 100644 (file)
--- a/web/static/seepark_web.js
+++ b/web/static/seepark_web.js
@@ -155,8 +155,20 @@ function dayschart(element, title, days, xtickformat) {
                        {axis: 'y', start:  100, end: 999, class: 'region-boiling'}
                ]
        });
+
        // woraround for unrendered dots
        setTimeout(function () { chart.flush(); }, 5000);
+
+       // reload data
+       setInterval(
+               function() {
+                       chart.load({
+                               url: api_base_url_sensors + beginend(days),
+                               mimeType: 'json'
+                       })
+               },
+               5 * 60 * 1000
+       );
 };
 
 function loaddays(chart, element, days) {

diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html
index 8868950..fb96583 100644 (file)
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -8,7 +8,6 @@
                <meta http-equiv="Pragma" content="no-cache" />
                <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
                <meta http-equiv="Expires" content="0" />
-               <meta http-equiv="Refresh" content="300" />
 
                <!-- Load c3.css -->
                <link href="{{url_for('static', filename='c3.min.css')}}" rel="stylesheet">