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

diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js
index debc736..47bd334 100644
--- a/web/static/seepark_web.js
+++ b/web/static/seepark_web.js
@@ -17,7 +17,7 @@ function dayschart(element, title, days, xtickformat) {
 					'0416a1ac66ff': 'Wassertemperatur 30cm Tiefe',
 					'0516a207a4ff': 'Wassertemperatur 50cm Tiefe',
 					'0416a1bab9ff': 'Wassertemperatur 1m Tiefe',
-					'0316a2193bff': 'Wassertemperatur in 4 m Tiefe'
+					'0316a2193bff': 'Wassertemperatur in 30 cm Tiefe'
 				},
 				xFormat: '%Y-%m-%d %H:%M:%S',
 				// https://en.wikipedia.org/wiki/Web_colors
@@ -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
@@ -74,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
@@ -94,6 +103,7 @@ function dayschart(element, title, days, xtickformat) {
 		},
 		zoom: {
 			enabled: true,
+			/*
 			onzoomend: function (domain) {
 				// UNIX epoch
 				var start = domain[0].getTime()/1000;
@@ -106,6 +116,7 @@ function dayschart(element, title, days, xtickformat) {
 					loaddays(this, element, days); // this = chart
 				}
 			}
+			*/
 		},
 		tooltip: {
 			format: {
@@ -177,12 +188,16 @@ 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, 'Woche %V');
+dayschart('chart_water_31',  'Der See (Monat)',  31, '%Y-%m-%d');
 dayschart('chart_water_365', 'Der See (Jahr)',  365, '%b %Y');
 
 dayschart('chart_air_1',     'Die Luft (Tag)',     1, '%H:%M');
 dayschart('chart_air_7',     'Die Luft (Woche)',   7, '%a %d');
-dayschart('chart_air_31',    'Die Luft (Monat)',  31, 'Woche %V');
+dayschart('chart_air_31',    'Die Luft (Monat)',  31, '%Y-%m-%d');
 dayschart('chart_air_365',   'Die Luft (Jahr)',  365, '%b %Y');