X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/blobdiff_plain/657267672245ea38202f9b031a1325172cc2c886..e4c8650daecb46af4933a59a3e7f5f9f8d617ac2:/web/static/seepark_web.js?ds=inline diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js index 3494dbb..149d659 100644 --- a/web/static/seepark_web.js +++ b/web/static/seepark_web.js @@ -1,36 +1,65 @@ var chart = c3.generate({ bindto: '#chart', + transition: { + duration: null + }, title: { - text: 'Temperaturen' + text: 'Der See' }, data: { url: '/data', mimeType: 'json', xs: { - 'water_temperature': 'water_temperature_x', - 'air_temperature': 'air_temperature_x' + '0316a2193bff': '0316a2193bff_x', + '0316a21383ff': '0316a21383ff_x' }, names: { - 'water_temperature': 'Wassertemperatur', - 'air_temperature': 'Lufttemperatur' - } + '0316a2193bff': 'Wassertemperatur in 4 m Tiefe', + '0316a21383ff': 'Wassertemperatur in 5 m Tiefe' + }, + xFormat: '%Y-%m-%d %H:%M:%S' }, axis: { x: { type: 'timeseries', tick: { - format: '%Y-%m-%d' + format: '%Y-%m-%d %H:%M', + fit: false, + multiline: true, // broken? so → + rotate: -90 } }, y: { label: { - text: '°C', + text: 'Temperatur in °C', position: 'outer-middle' + }, + tick: { + format: function (d) { + return d + '°'; + } } } }, zoom: { enabled: true + }, + tooltip: { + format: { + name: function (name, ratio, id, index) { + var re = /\d m/; + var res = re.exec(name); + return res; + }, + value: function (value, ratio, id, index) { + return value + '°'; + } + } + }, + grid: { + y: { + show: true + } } });