4 <meta http-equiv=
"X-UA-Compatible" content=
"IE=EmulateIE7; IE=EmulateIE9">
5 <title>Daylight Savings
</title>
7 <script type=
"text/javascript" src=
"../excanvas.js"></script>
10 For production (minified) code, use:
11 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
13 <script type=
"text/javascript" src=
"../dygraph-dev.js"></script>
24 <p>This tests that tick marks don't break when the axis crosses into
25 daylight savings time.
</p>
27 <div id=
"demodiv"></div>
29 <p>The tick marks should all be on day boundaries or nice hours (
6,
12,
18),
30 rather than on odd time boundaries like
5,
11,
17 and
23.
</p>
33 <div id=
"chart2"></div>
34 <p>This chart shows a continuous line going across the
"fall back" EST/EDT event.
35 You may need to switch your computer's time zone to Eastern to see this.
36 The x-axis tick marks go from
01:
00 → 01:
55 and then back to
01:
00.
</p>
39 <div id=
"chart3"></div>
40 <p>This chart is analogous to the first, except at a
"spring forward".
</p>
43 <div id=
"chart4"></div>
44 <p>This chart shows a continuous series which crosses a
"spring forward".
45 The x-axis ticks should skip from
1:
50AM to
3:
00AM.
</p>
47 <script type=
"text/javascript">
49 document.getElementById(
"demodiv"),
50 "Date/Time,Purchases\n" +
51 "2010-11-05 00:00:00,167082\n" +
52 "2010-11-06 00:00:00,168571\n" +
53 "2010-11-07 00:00:00,177796\n" +
54 "2010-11-08 00:00:00,165587\n" +
55 "2010-11-09 00:00:00,164380\n",
61 // Generate data which crosses the EST/EDT boundary.
63 var base_ms =
1383453600000;
64 for (var x = base_ms; x < base_ms +
1000 *
60 *
160; x +=
1000) {
65 dst_data.push([new Date(x), x]);
69 document.getElementById(
"chart2"),
71 { width:
1024, labels: ['Date', 'Value'] }
75 document.getElementById(
"chart3"),
76 "Date/Time,Purchases\n" +
77 "2011-03-11 00:00:00,167082\n" +
78 "2011-03-12 00:00:00,168571\n" +
79 "2011-03-13 00:00:00,177796\n" +
80 "2011-03-14 00:00:00,165587\n" +
81 "2011-03-15 00:00:00,164380\n",
84 dateWindow: [
1299989043119.4365,
1300080693627.4866]
88 var base_ms_spring =
1299997800000;
89 var dst_data_spring = [];
90 for (var x = base_ms_spring; x < base_ms_spring +
1000 *
60 *
120; x +=
1000) {
91 dst_data_spring.push([new Date(x), x]);
95 document.getElementById(
"chart4"),
97 { width:
1024, labels: ['Date', 'Value'] }