+<!DOCTYPE html>
<html>
<head>
- <title>noise</title>
- <!--[if IE]>
- <script type="text/javascript" src="excanvas.js"></script>
- <![endif]-->
- <script type="text/javascript" src="../dygraph-combined.js"></script>
- <script type="text/javascript" src="../dygraph.js"></script>
+ <title>hourly</title>
+ <!--
+ For production (minified) code, use:
+ <script type="text/javascript" src="dygraph-combined.js"></script>
+ -->
+ <script type="text/javascript" src="../dist/dygraph.js"></script>
+
</head>
<body>
<p>Hourly data:</p>
- <div id="g" style="width:600px; height:300px;"></div>
+ <div id="div_g" style="width:600px; height:300px;"></div>
<p>Minutely data:</p>
- <div id="gm" style="width:600px; height:300px;"></div>
+ <div id="div_gm" style="width:600px; height:300px;"></div>
+
+ <p>Secondly data:</p>
+ <div id="div_gs" style="width:600px; height:300px;"></div>
<script type="text/javascript">
- g = new DateGraph(
- document.getElementById("g"),
+ g = new Dygraph(
+ document.getElementById("div_g"),
function HourlyData() {
return "" +
"Date,A,B\n" +
"2009/07/12 04:00:00,4,7\n" +
"2009/07/12 05:00:00,3,6\n" +
"2009/07/12 06:00:00,4,6"
- }, null, {}
+ }
);
- gm = new DateGraph(
- document.getElementById("gm"),
+ gm = new Dygraph(
+ document.getElementById("div_gm"),
function() {
var ret = "Date,Hours,Minutes\n";
var zp = function(x) { if (x<10) return "0"+x; else return ""+x;};
}
}
return ret;
- }, null, {}
+ }
+ );
+
+ gs = new Dygraph(
+ document.getElementById("div_gs"),
+ function() {
+ var ret = "Date,Minutes,Seconds\n";
+ var zp = function(x) { if (x<10) return "0"+x; else return ""+x;};
+ for (var h = 0; h <= 1; h++) {
+ for (var m = 0; m < 60; m++) {
+ for (var s = 0; s < 60; s++) {
+ ret += "2008/07/01 " + zp(h) + ":" + zp(m) + ":" + zp(s) +
+ "," + (h*60 + m) + "," + s + "\n";
+ }
+ }
+ }
+ return ret;
+ }
);
</script>
</body>