X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/blobdiff_plain/326fc2a8b86a2bcec5daf4dff07bcb6563f8978e..a72b8d03929f166cd8f034b207cc224b11623e6e:/web/static/seepark_web.js?ds=inline diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js index b2e5a32..c762fb0 100644 --- a/web/static/seepark_web.js +++ b/web/static/seepark_web.js @@ -58,7 +58,13 @@ function dayschart(element, title, days, xtickformat) { var chart = c3.generate({ bindto: '#' + element, size: { - width: document.getElementById(element).parentElement.clientWidth * 80 / 100 + width: getwidth(element) + }, + onresized: function () { + chart.resize({ + width: getwidth(element) + }); + // chart.flush(); }, transition: { duration: null @@ -179,6 +185,10 @@ function beginend(days) { return '&begin=' + begin + '&end=' + end; } +function getwidth(element) { + return document.getElementById(element).parentElement.clientWidth * 80 / 100; +} + dayschart('chart_water_1', 'Der See (Tag)', 1, '%H:%M'); dayschart('chart_water_7', 'Der See (Woche)', 7, '%a %d'); dayschart('chart_water_31', 'Der See (Monat)', 31, '%Y-%m-%d');