4 <link rel=
"stylesheet" href=
"../dist/dygraph.css">
6 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
10 <div id=
"div_g"></div>
12 <a href=
"#" onclick=
"zoom(3600)">hour
</a>
13 <a href=
"#" onclick=
"zoom(86400)">day
</a>
14 <a href=
"#" onclick=
"zoom(604800)">week
</a>
15 <a href=
"#" onclick=
"zoom(30 * 86400)">month
</a>
16 <a href=
"#" onclick=
"reset()">full
</a>
18 <a href=
"#" onclick=
"pan(-1)">left
</a>
19 <a href=
"#" onclick=
"pan(+1)">right
</a>
21 <script type=
"text/javascript">
23 var base_time = Date.parse(
"2008/07/01");
24 var num =
24 *
0.25 *
365;
25 for (var i =
0; i < num; i++) {
26 r.push([ new Date(base_time + i *
3600 *
1000),
27 i +
50 * (i %
60), // line
28 i * (num - i) *
4.0 / num // parabola
31 var orig_range = [ r[
0][
0].valueOf(), r[r.length -
1][
0].valueOf() ];
33 document.getElementById(
"div_g"),
40 labels: [
"Date",
"a",
"b"]
44 var desired_range = null;
45 function approach_range() {
46 if (!desired_range) return;
48 var range = g.xAxisRange();
49 if (Math.abs(desired_range[
0] - range[
0]) <
60 &&
50 Math.abs(desired_range[
1] - range[
1]) <
60) {
51 g.updateOptions({dateWindow: desired_range});
52 // (do not set another timeout.)
55 new_range = [
0.5 * (desired_range[
0] + range[
0]),
56 0.5 * (desired_range[
1] + range[
1])];
57 g.updateOptions({dateWindow: new_range});
62 setTimeout(approach_range,
50);
66 var w = g.xAxisRange();
67 desired_range = [ w[
0], w[
0] + res *
1000 ];
72 desired_range = orig_range;
77 var w = g.xAxisRange();
78 var scale = w[
1] - w[
0];
79 var amount = scale *
0.25 * dir;
80 desired_range = [ w[
0] + amount, w[
1] + amount ];