+<!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>
- <script type="text/javascript" src="data.js"></script>
+ <link rel="stylesheet" href="../dist/dygraph.css">
+ <title>hourly</title>
+ <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;};
- for (var h = 0; h < 48; h++) {
+ for (var d = 0; d <= 1; d++) {
+ for (var h = 0; h < 24; h++) {
+ for (var m = 0; m < 60; m++) {
+ ret += "2008/07/" + zp(12 + d) + " " + zp(h) + ":" + zp(m) +
+ "," + (24*d + h) + "," + m + "\n";
+ }
+ }
+ }
+ return ret;
+ }
+ );
+
+ 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++) {
- ret += "2008/07/12 " + zp(h) + ":" + zp(m) +
- "," + h + "," + m + "\n";
+ for (var s = 0; s < 60; s++) {
+ ret += "2008/07/01 " + zp(h) + ":" + zp(m) + ":" + zp(s) +
+ "," + (h*60 + m) + "," + s + "\n";
+ }
}
}
return ret;
- }, null, {}
+ }
);
</script>
</body>