X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=gallery%2Flink-interaction.js;h=68177a358d5af794769620fb164965344b4a8119;hb=2d0fdf6eb18eafde50830b8109f42e20b82247b1;hp=e1d6faaa0b60a3c1915db876e3a989be8808f6c5;hpb=436943f9fee49b1f892480f04f0dc4d5abc5fca0;p=dygraphs.git diff --git a/gallery/link-interaction.js b/gallery/link-interaction.js index e1d6faa..68177a3 100644 --- a/gallery/link-interaction.js +++ b/gallery/link-interaction.js @@ -1,3 +1,4 @@ +/*global Gallery,Dygraph,data */ Gallery.register( 'link-interaction', { @@ -26,7 +27,7 @@ Gallery.register( ]); } var orig_range = [ r[0][0].valueOf(), r[r.length - 1][0].valueOf() ]; - g = new Dygraph( + var g = new Dygraph( document.getElementById("div_g"), r, { rollPeriod: 7, @@ -38,7 +39,7 @@ Gallery.register( } ); - var desired_range = null; + var desired_range = null, animate; function approach_range() { if (!desired_range) return; // go halfway there @@ -55,20 +56,20 @@ Gallery.register( animate(); } } - function animate() { + animate = function() { setTimeout(approach_range, 50); - } + }; var zoom = function(res) { var w = g.xAxisRange(); desired_range = [ w[0], w[0] + res * 1000 ]; animate(); - } + }; var reset = function() { desired_range = orig_range; animate(); - } + }; var pan = function(dir) { var w = g.xAxisRange(); @@ -76,7 +77,7 @@ Gallery.register( var amount = scale * 0.25 * dir; desired_range = [ w[0] + amount, w[1] + amount ]; animate(); - } + }; document.getElementById('hour').onclick = function() { zoom(3600); }; document.getElementById('day').onclick = function() { zoom(86400); };