view static/iwws.js @ 16:5a9b33dcdb2c default tip

Show how many samples as well as when the last sample was.
author Daniel O'Connor <darius@dons.net.au>
date Fri, 31 May 2013 13:36:26 +0930
parents ebf411c89a3d
children
line wrap: on
line source

/*
 * Copyright 2011 Daniel O'Connor <darius@dons.net.au>
 *
 *  Redistribution and use in source and binary forms, with or without modification, are
 * permitted provided that the following conditions are met:
 *
 *   1. Redistributions of source code must retain the above copyright notice, this list of
 *      conditions and the following disclaimer.
 *
 *   2. Redistributions in binary form must reproduce the above copyright notice, this list
 *      of conditions and the following disclaimer in the documentation and/or other materials
 *      provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY <COPYRIGHT HOLDER> ''AS IS'' AND ANY EXPRESS OR IMPLIED
 * WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
 * FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> OR
 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
 * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * The views and conclusions contained in the software and documentation are those of the
 * authors and should not be interpreted as representing official policies, either expressed
 * or implied, of Daniel O'Connor.
 */

var timer = null;
var datacache = null;

$.jQTouch({
    icon: 'static/icon.png',
    startupScreen: 'img/startup.png'
});

function draw_graph() {
    var temp_out = [];
    var dewpt = [];
    var wavg = [];
    var wgust = [];
    var rain = [];
    var pressure = [];
    var i, mint = 5, maxt = 35;
    var l = datacache['idx'].length - 1;
    var d = new Date();
    var tzofs = d.getTimezoneOffset() * 60;
    var wavgtmp = 0;
    var wgusttmp = 0;
    var winddir = 0;
    var windavgs = 0;
    var windnavg = 4;
    for (i = 0; i < l; i++) {
	// Apply offset so Flot times look right (it always shows UTC)
	t = (datacache['idx'][i] - tzofs) * 1000.0;

	// Keep track of min/max temperature
	if (datacache['temp_out'][i] < mint)
	    mint = datacache['temp_out']
	if (datacache['temp_out'][i] > maxt)
	    maxt = datacache['temp_out'][i]

	// Store outside temperature if valid
	if (datacache['temp_out'][i] != null) {
	    temp_out.push([t, datacache['temp_out'][i]]);

	    // Calculate dewpoint if outside humidity is valid
	    if (datacache['hum_out'][i] != null) {
		dewpt.push([t, hum2dp(datacache['hum_out'][i], datacache['temp_out'][i])]);
	    }
	}

	// Store baro
	pressure.push([t, datacache['abs_pressure'][i]]);

	// Store rain if there was any
	if (datacache['rain'][i] > 0)
	    rain.push([t, datacache['rain'][i]]);

	// Store wind (convert to km/r)
	// Average the average wind speed
	wavgtmp += datacache['wind_ave'][i] * 60.0 * 60.0 / 1000.0
	// Pick highest speed gusts
	var g = datacache['wind_gust'][i] * 60.0 * 60.0 / 1000.0;
	if (g > wgusttmp) {
	    wgusttmp = g;
	}
	// Accumulate speed/gust direction
	winddir += wind2angle(datacache['wind_dir'][i]);
	windavgs++;
	// Normalise
	if (windavgs == windnavg) {
	    windavgs = 0;
	    wavgtmp /= windnavg;
	    // Note: gust is peak, so nothing to do
	    winddir /= windnavg;

	    // Store
	    wavg.push([t, wavgtmp, winddir]);
	    wgust.push([t, wgusttmp, winddir]);

	    // Reset accumulators
	    wavgtmp = 0;
	    wgusttmp = 0;
	    winddir = 0;
	}
    }

    $.plot($("#graph1"), [
	{ data : pressure, label: "Baro", yaxis : 1, points : { show : true, radius : 0 }, lines : { show : true } },
	{ data : temp_out, label: "Temp.", yaxis : 2, points : { show : true, radius : 0 }, lines : { show : true } },
	{ data : dewpt, label: "Dew point", yaxis : 2, points : { show : true, radius : 0 }, lines : { show : true } },
    ],
	   { xaxis : { mode : 'time' },
	     legend : { backgroundOpacity : 0, position : 'nw' },
	     yaxis : { min : 950, max : 1050, tickFormatter : baroFormatter },
	     y2axis : { min : mint, max : maxt, tickFormatter : degCFormatter },
	   });
    $.plot($("#graph2"), [
	{ data : wavg, label: "Wind (Avg)", yaxis : 1, points : { show : true }, lines : { show : true }, direction : true },
	{ data : wgust, label: "Wind (Gust)", yaxis : 1, points : { show : true }, lines : { show : true }, direction :  true },
	{ data : rain, label: "Rain", yaxis : 2, bars : { show : true, barWidth : 5 * 60 * 1000, align : "centre" } },
    ],
	   { xaxis : { mode : 'time' },
	     legend : { backgroundOpacity : 0, position : 'nw' },
	     yaxis : { tickFormatter : spdFormatter },
	     y2axis : { min : 0, tickFormatter : mmFormatter }
	   });
    // Reverse tzofs calculation as Date does local time
    var dobj = new Date(datacache['lastdata'] * 1000.0);
    $('#stamp').html(sprintf("Last data: %04d/%02d/%02d %02d:%02d:%02d (%d samples)", dobj.getFullYear(), dobj.getMonth() + 1, dobj.getDate(),
			     dobj.getHours(), dobj.getMinutes(), dobj.getSeconds(), datacache['idx'].length));
}

function wind2angle(dir) {
    var a = dir * (360.0 / 16.0);
    return a;
}

// Formula from http://www.paroscientific.com/dewpoint.htm
function alpha(temp, rh, a, b) {
    return (((a * temp) / (b + temp)) + Math.log(rh / 100.0));
}

function hum2dp(rh, temp) {
    var a = 17.27;
    var b = 237.7;
    var Td = (b * alpha(temp, rh, a, b)) / (a - alpha(temp, rh, a, b));
    return Td;
}

function degCFormatter(v, axis) {
    return v.toFixed(axis.tickDecimals) +"°C";
}

function pctFormatter(v, axis) {
    return v.toFixed(axis.tickDecimals) +"%";
}

function spdFormatter(v, axis) {
    return v.toFixed(axis.tickDecimals) + "kph";
}

function mmFormatter(v, axis) {
    return v.toFixed(axis.tickDecimals) + "mm";
}

function baroFormatter(v, axis) {
    return v.toFixed(axis.tickDecimals) + "hPa";
}

function got_data(data, status) {
    if (status != "success") {
	$.log("Couldn't load data. status = " + status);
	return;
    }

    datacache = data;
    draw_graph();
}

function update_data() {
    /* Cancel any pending timeout (eg if the user pressed update) */
    if (timer != null)
	clearTimeout(timeout);
    jQuery.getJSON('iwws/getdata.json', got_data);
    /* Set to refresh in 10 minutes */
    timeout = setTimeout(update_data, 10 * 60 * 60);
}

$(document).ready(function(){
    update_data();

    $('body').bind('turn', function(event, info) {
	draw_graph();
    });
});