X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/blobdiff_plain/e9f1a294ff11fbb3a072bf4c56636fd3fe6fcc0c..bb26bfac1dc27f1710898654a496c812844ad8de:/web/static/seepark_web.js?ds=sidebyside diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js index f5f2f6a..025aefa 100644 --- a/web/static/seepark_web.js +++ b/web/static/seepark_web.js @@ -1,3 +1,5 @@ +var api_base_url = '/api/1/sensor/type/Wassertemperatur?mode=consolidated&format=c3'; + var chart = c3.generate({ bindto: '#chart', transition: { @@ -7,7 +9,8 @@ var chart = c3.generate({ text: 'Der See' }, data: { - url: '/data/', // redirects to /data/1 +// url: '/data/', // redirects to /data/1 + url: api_base_url + beginend(1), mimeType: 'json', xs: { '0316a2193bff': '0316a2193bff_x', @@ -17,7 +20,11 @@ var chart = c3.generate({ '0316a2193bff': 'Wassertemperatur in 4 m Tiefe', '0316a21383ff': 'Wassertemperatur in 5 m Tiefe' }, - xFormat: '%Y-%m-%d %H:%M:%S' + xFormat: '%Y-%m-%d %H:%M:%S', + colors: { + '0316a2193bff': 'lightblue', + '0316a21383ff': 'darkblue' + } }, axis: { x: { @@ -83,7 +90,15 @@ var chart = c3.generate({ function loaddays(days) { chart.load({ - url: '/data/' + days, +// url: '/data/' + days, + url: api_base_url + beginend(days), mimeType: 'json' }); } + +function beginend(days) { + var now = Date.now(); + var end = new Date(now).toISOString().substr(0, 19); // 2018-06-13T16:52:30.995Z + var begin = new Date(now - days * 60*60*24 * 1000).toISOString().substr(0, 19); + return '&begin=' + begin + '&end=' + end; +}