4 <link rel=
"stylesheet" href=
"../dist/dygraph.css">
5 <title>UTC date labels
</title>
6 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
10 <h2>UTC date and time labels
</h2>
12 <p>This shows how date ticks and labels may be generated according to local
13 time (default) or UTC with the option
<code>labelsUTC
</code>.
</p>
15 <p>72 hours of random hourly data since
2009-Jul-
23 18:
00 UTC
16 according to local time (top) and UTC (bottom):
</p>
18 <div id=
"div_loc" style=
"width:600px; height:200px;"></div>
19 <div id=
"div_utc" style=
"width:600px; height:200px;"></div>
21 <p>Please note the offset between the respective ticks in both plots.
22 It should match your local time zone offset.
</p>
24 <p>You can also check it by hovering over corresponding points and comparing
27 <p>Try different zoom levels to show that ticks are always placed at nice
30 <script type=
"text/javascript">
31 var data = (function() {
32 var rand10 = function () { return Math.round(
10 * Math.random()); };
34 for (var y =
2009, m =
6, d =
23, hh =
18, n=
0; n <
72; n++) {
35 a.push([new Date(Date.UTC(y, m, d, hh + n,
0,
0)), rand10()]);
40 document.getElementById(
"div_loc"),
43 labels: ['local time', 'random']
47 document.getElementById(
"div_utc"),
51 labels: ['UTC', 'random']