X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/blobdiff_plain/e19d429d019f88828333d9a306b2b323aacef29e..3c0da30b37d61aa8ebeb2672ef64b1ce68e97112:/web/static/seepark_web.js

diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js
index e4bd8d6..47bd334 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();
 		},
@@ -80,7 +80,10 @@ function dayschart(element, title, days, xtickformat) {
 			x: {
 				type: 'timeseries',
 				tick: {
-					format: xtickformat,
+					format: function (d) {
+						var strftimeDE = strftime.localizeByIdentifier('de_DE');
+						return strftimeDE(xtickformat, new Date(d));
+					},
 					fit: false,
 					multiline: true, // broken? so →
 					rotate: -90
@@ -185,6 +188,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');