use strftime js library

that way we get german day/month names, and with a well-known formatting

diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js
index c762fb0..47bd334 100644 (file)
--- a/web/static/seepark_web.js
+++ b/web/static/seepark_web.js
@@ -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

diff --git a/web/templates/seepark_web.html b/web/templates/seepark_web.html
index 761ded9..8868950 100644 (file)
--- a/web/templates/seepark_web.html
+++ b/web/templates/seepark_web.html
@@ -16,9 +16,10 @@
                <!-- Load own css -->
                <link href="{{url_for('static', filename='seepark_web.css')}}" rel="stylesheet">
 
-               <!-- Load d3.js and c3.js -->
+               <!-- Load d3.js and c3.js, and strftime.js -->
                <script src="{{url_for('static', filename='d3.min.js')}}" charset="utf-8"></script>
                <script src="{{url_for('static', filename='c3.min.js')}}"></script>
+               <script src="{{url_for('static', filename='strftime-min.js')}}"></script>
 
                <title>Seepark Obsteig</title>
        </head>