4 <meta http-equiv=
"X-UA-Compatible" content=
"IE=EmulateIE7; IE=EmulateIE9">
5 <title>X Axis Label Formatting
</title>
7 <script type=
"text/javascript" src=
"../excanvas.js"></script>
9 <script type=
"text/javascript" src=
"../strftime/strftime-min.js"></script>
10 <script type=
"text/javascript" src=
"../rgbcolor/rgbcolor.js"></script>
11 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
12 <script type=
"text/javascript" src=
"../dygraph.js"></script>
16 <div id=
"normal" style=
"width:600px; height:300px;"></div>
18 <p>Same data, but offset by
2 hours with the date formatter:
</p>
19 <div id=
"offby2" style=
"width:600px; height:300px;"></div>
21 <p>Same data, but always displaying HH:MM:SS:
</p>
22 <div id=
"seconds" style=
"width:600px; height:300px;"></div>
24 <script type=
"text/javascript">
25 function HourlyData() {
28 "2009/07/12 00:00:00,3,4\n" +
29 "2009/07/12 01:00:00,5,6\n" +
30 "2009/07/12 02:00:00,7,6\n" +
31 "2009/07/12 03:00:00,6,5\n" +
32 "2009/07/12 04:00:00,4,7\n" +
33 "2009/07/12 05:00:00,3,6\n" +
34 "2009/07/12 06:00:00,4,6"
38 document.getElementById(
"normal"),
43 document.getElementById(
"offby2"),
48 return Dygraph.dateAxisFormatter(new Date(d.getTime() +
7200*
1000), gran);
53 document.getElementById(
"seconds"),
59 return Dygraph.zeropad(d.getHours()) +
":"
60 + Dygraph.zeropad(d.getMinutes()) +
":"
61 + Dygraph.zeropad(d.getSeconds());