4 <title>X Axis Label Formatting
</title>
6 <script type=
"text/javascript" src=
"../excanvas.js"></script>
8 <script type=
"text/javascript" src=
"../strftime/strftime-min.js"></script>
9 <script type=
"text/javascript" src=
"../rgbcolor/rgbcolor.js"></script>
10 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
11 <script type=
"text/javascript" src=
"../dygraph.js"></script>
15 <div id=
"normal" style=
"width:600px; height:300px;"></div>
17 <p>Same data, but offset by
2 hours with the date formatter:
</p>
18 <div id=
"offby2" style=
"width:600px; height:300px;"></div>
20 <p>Same data, but always displaying HH:MM:SS:
</p>
21 <div id=
"seconds" style=
"width:600px; height:300px;"></div>
23 <script type=
"text/javascript">
24 function HourlyData() {
27 "2009/07/12 00:00:00,3,4\n" +
28 "2009/07/12 01:00:00,5,6\n" +
29 "2009/07/12 02:00:00,7,6\n" +
30 "2009/07/12 03:00:00,6,5\n" +
31 "2009/07/12 04:00:00,4,7\n" +
32 "2009/07/12 05:00:00,3,6\n" +
33 "2009/07/12 06:00:00,4,6"
37 document.getElementById(
"normal"),
42 document.getElementById(
"offby2"),
47 return Dygraph.dateAxisFormatter(new Date(d.getTime() +
7200*
1000), gran);
52 document.getElementById(
"seconds"),
58 return Dygraph.zeropad(d.getHours()) +
":"
59 + Dygraph.zeropad(d.getMinutes()) +
":"
60 + Dygraph.zeropad(d.getSeconds());