Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
94 lines (89 sloc) 4.51 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Home Performance Charting</title>
<meta name="description" content="" />
<meta name="author" content="Larry Burks" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style/screen.css" media="screen">
</head>
<body>
<div id="page">
<header>
<h1><a href="..">NetPlusDesign</a> &gt; <a href="http://uphillhouse.wordpress.com">Up Hill House</a></h1>
</header>
<div id="calendar">
<nav>
<select id="slice">
</select>
<select id="dice">
<optgroup label="Monthly">
<option value="15" >Summary</option>
<option value="16">Generation</option>
<option value="17">Usage</option>
<option value="18">Heating Degree Days</option>
<option value="20">Water Usage</option>
<option value="19" selected="selected">Base Temp Analysis</option>
</optgroup>
<optgroup label="Daily">
<option id="adjusted" value="1">Net Usage</option>
<option id="solar" value="2">Generation</option>
<option id="usage" value="3">Usage</option>
<optgroup id="circuits" label="Daily Usage by Circuit">
<option id="usage-ashp" value="8">ASHP</option>
<option id="usage-dwh" value="7">Water Heater</option>
<option id="usage-range" value="13">Range</option>
<option id="usage-dryer" value="10">Dryer</option>
<option id="usage-dw" value="12">Dish Washer</option>
<option id="usage-wp" value="9">Water Pump</option>
<option id="usage-washer" value="11">Washer</option>
<option id="usage-other" value="14">All other</option>
</optgroup>
<optgroup label="Daily Temperature">
<option id="hdd" value="6">Heating Degree Days</option>
<option id="temp-low" value="4">Outdoor Temperature (Low)</option>
<option id="temp-high" value="5">Outdoor Temperature (High)</option>
</optgroup>
</optgroup>
</select>
</nav>
<p id="sample">Sample detail: <span id="showinfo">(more info)</span></p>
<p id="moreinfo" style="display: none">This is a linear regression analysis correlating HDD to kWh used by our ASHP. Periods with significant sun (> 500 watt-hours) were removed to limit the effect of passive heating from the sun. Learn more about using linear regression analysis on energy consumption data at <a href="http://www.degreedays.net/regression-analysis" target="_blank">DegreeDays.net</a>.</p>
<ul>
<li><input type="radio" id="hours" name="period" value="hours" /><label for="hours">Hours</label> <a id="optionButton" href="#" style="display: none;">Options</a></li>
<li id="options" style="display: none;"><input type="checkbox" id="seriesOption" name="series" value="series" /><label for="seriesOption">Multi-series</label> <input type="radio" id="pointOption" name="options" value="scatter" checked="checked" /><label for="pointOption">Points</label> <input type="radio" id="lineOption" name="options" value="line" /><label for="lineOption">Lines</label></li>
<li><input type="radio" id="days" name="period" value="days" /><label for="days">Days</label></li>
<li><input type="radio" id="months" name="period" value="months" checked="checked" /><label for="months">Months</label></li>
</ul>
<p>Base temperature (F&deg;) :</p>
<ul>
<li><input type="text" id="base" value="65.0" pattern="[0-9]*" /><input type="button" id="update" value="Update" /></li>
</ul>
<p></p>
<p>Regression Line:</p>
<ul id="calcs">
<li>Slope : <span id="slope">Calculating...</span></li>
<li>Intercept : <span id="intercept">Calculating...</span></li>
<li>R<sup>2</sup> : <span id="r2">Calculating...</span></li>
<li>y = <span id="slope">slope</span>x <span id="plus"></span></span><span id="intercept">intercept</span></li>
</ul>
<p id="reporting"></p>
</div>
<div id="chart">Loading...</div>
<footer>
<p id="instructions">Turn device to toggle between form and chart view.</p>​
<p>&copy; netplusdesign 2012-2013</p>
</footer>
</div>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/purl.js"></script>
<script src="js/date.js"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<script src="js/common.js"></script>
<script src="js/base-temp.js"></script>
</body>
</html>