x-ticks: don't show seconds, and rotate labels (multiline doesn't seem to work)

[chrisu/seepark.git] / web / static / seepark_web.js

diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js
index ed81a982f6df1394fdc562dd56cbdbf0ee7ead1b..85a10d3afc1bc1b2ce85605f3bf76bd25bb3b70d 100644 (file)
--- a/web/static/seepark_web.js
+++ b/web/static/seepark_web.js
@@ -20,7 +20,10 @@ var chart = c3.generate({
                x: {
                        type: 'timeseries',
                        tick: {
-                               format: '%Y-%m-%d %H:%M:%S'
+                               format: '%Y-%m-%d %H:%M',
+                               fit: false,
+                               multiline: true, // broken? so →
+                               rotate: -90
                        }
                },
                y: {
@@ -32,6 +35,15 @@ var chart = c3.generate({
        },
        zoom: {
                enabled: true
+       },
+       tooltip: {
+               format: {
+                       name: function (name, ratio, id, index) {
+                               var re = /\d m/;
+                               var res = re.exec(name);
+                               return res;
+                       }
+               }
        }
 });