4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>X Axis Label Formatting
</title>
7 For production (minified) code, use:
8 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
10 <script type=
"text/javascript" src=
"../dist/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"
36 return (x <
10) ? '
0' + x : x;
40 document.getElementById(
"normal"),
45 document.getElementById(
"offby2"),
50 axisLabelFormatter: function(d, gran, opts) {
51 return Dygraph.dateAxisLabelFormatter(new Date(d.getTime() +
7200*
1000), gran, opts);
58 document.getElementById(
"seconds"),
64 axisLabelFormatter: function(d, gran) {
65 return zeropad(d.getHours()) +
":"
66 + zeropad(d.getMinutes()) +
":"
67 + zeropad(d.getSeconds());