From 578f530ca0d0c01166b9a28fd0b2e0ab0ef750cc Mon Sep 17 00:00:00 2001 From: yvesf Date: Sun, 17 Jul 2011 16:00:10 +0200 Subject: .js ausgelagert; overview plot - keine selektion --- ebus/webapp/__init__.py | 2 +- ebus/webapp/static/ebus.js | 55 +++++++++++++++++++++++++++++++++++++++++++ ebus/webapp/static/index.html | 45 ++++++++--------------------------- ebus/webapp/static/main.css | 5 ++++ 4 files changed, 71 insertions(+), 36 deletions(-) create mode 100644 ebus/webapp/static/ebus.js (limited to 'ebus/webapp') diff --git a/ebus/webapp/__init__.py b/ebus/webapp/__init__.py index bd78033..d65e2d1 100644 --- a/ebus/webapp/__init__.py +++ b/ebus/webapp/__init__.py @@ -64,7 +64,7 @@ def sensor_data_fromto(name,startdate,enddate): v.append([int((time.mktime(value.timestamp.timetuple())+time.altzone*-1)*1000),value.value_int]) elif value.value_string != None: v.append([int((time.mktime(value.timestamp.timetuple())+time.altzone*-1)*1000),value.value_string]) - return json.dumps(v) + return {'data':v, 'error':None} # rechnet zeit so um wie Javascript diff --git a/ebus/webapp/static/ebus.js b/ebus/webapp/static/ebus.js new file mode 100644 index 0000000..dc86cda --- /dev/null +++ b/ebus/webapp/static/ebus.js @@ -0,0 +1,55 @@ +$(document).ready(function(){ + var from = Math.round(new Date().getTime()/1000) - 3*24*60*60; //86400; + var fromOverview = Math.round(new Date().getTime()/1000) - 30*24*60*60; //86400; + var to = Math.round(new Date().getTime()/1000); + var dataset = [] + var datasetOverview = []; + var replot = function() { + $.plot($("#ebusgraph"), + dataset, + { xaxis: { mode: "time"}}); + }; + var replotOverview = function() { + $.plot($("#overview"), + datasetOverview, + { + series: { + lines: { show: true, lineWidth: 1 }, + shadowSize: 0 + }, + xaxis: { mode: "time" }, + yaxis: { ticks: [], min: 0, autoscaleMargin: 0.1 }, + selection: { mode: "x" } + }); + }; + var plotSensor = function(sensorname) { + $.getJSON("/sensor/"+escape(sensorname)+"/"+from+"/"+to, + function(response) { + if (response['data']) { + dataset.push({'data':response['data'], + 'label':sensorname}); + replot(); + } else { + alert("Fehler: " + response["error"]); + } + }); + $.getJSON("/sensor_cached/"+escape(sensorname)+"/"+fromOverview, //+"/"+to, + function(response) { + if (response['data']) { + datasetOverview.push({'data':response['data'], + 'label':null}); + replotOverview(); + } else { + alert("Overview Fehler: " + response["error"]); + } + }); + + }; + + + plotSensor("heizkreisregler9.solarDaten.tempKollektor"); +//ausreisser// plotSensor("heizkreisregler9.solarDaten.tempWarmwasserSolar"); + plotSensor("heizkreisregler10.betriebsdatenRegler1.kesselTemperatur"); + plotSensor("feuerungsautomat1.betriebsdatenRegler1.aussenTemperatur"); + // TODO http://people.iola.dk/olau/flot/examples/annotating.html +}); \ No newline at end of file diff --git a/ebus/webapp/static/index.html b/ebus/webapp/static/index.html index 1decced..e883ee4 100644 --- a/ebus/webapp/static/index.html +++ b/ebus/webapp/static/index.html @@ -1,37 +1,12 @@ - - - - - - - -

- + + + + + + + +

+ diff --git a/ebus/webapp/static/main.css b/ebus/webapp/static/main.css index 2b28643..57cd1cd 100644 --- a/ebus/webapp/static/main.css +++ b/ebus/webapp/static/main.css @@ -8,3 +8,8 @@ body { width:100%; height:500px; } + +#overview { + width:100%; + height:80px; +} -- cgit v1.2.1