+/*global Gallery,Dygraph,data */
Gallery.register(
'link-interaction',
{
name: 'Link Interaction',
setup: function(parent) {
parent.innerHTML = [
+ "<div class='link-interaction'>",
+ "<style>.link-interaction a:visited { color: blue; }</style>",
"<div id='div_g'></div>",
"<b>Zoom:</b>",
"<a href='#' id='hour'>hour</a> ",
"<a href='#' id='full'>full</a> ",
"<b>Pan:</b> ",
"<a href='#' id='left'>left</a> ",
- "<a href='#' id='right'>right</a> "].join("\n");
+ "<a href='#' id='right'>right</a> ",
+ "</div>"].join("\n");
},
run: function() {
var r = [ ];
]);
}
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,
}
);
- var desired_range = null;
+ var desired_range = null, animate;
function approach_range() {
if (!desired_range) return;
// go halfway there
animate();
}
}
- function animate() {
+ animate = function() {
setTimeout(approach_range, 50);
- }
+ };
var zoom = function(res) {
var w = g.xAxisRange();