X-Git-Url: https://git.toastfreeware.priv.at/chrisu/seepark.git/blobdiff_plain/7f872eb77966dde557345c7d2de2037f63745194..2fbd0ff619ebff1e154dd4102594daec4ae05330:/web/static/seepark_web.js diff --git a/web/static/seepark_web.js b/web/static/seepark_web.js index 4aa30f9..5f0facc 100644 --- a/web/static/seepark_web.js +++ b/web/static/seepark_web.js @@ -1,33 +1,57 @@ var chart = c3.generate({ bindto: '#chart', + title: { + text: 'Temperaturen' + }, 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 + '°'; + } + } } });