From a72b8d03929f166cd8f034b207cc224b11623e6e Mon Sep 17 00:00:00 2001 From: gregor herrmann Date: Mon, 3 Sep 2018 17:36:08 +0200 Subject: [PATCH] js: factor out width calculation into a function --- web/static/seepark_web.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js index e4bd8d6..c762fb0 100644 --- a/web/static/seepark_web.js +++ b/web/static/seepark_web.js @@ -58,11 +58,11 @@ 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: document.getElementById(element).parentElement.clientWidth * 80 / 100 + width: getwidth(element) }); // chart.flush(); }, @@ -185,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'); -- 2.47.3