projects
/
dygraphs.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Bump to version 2 🎉
[dygraphs.git]
/
gallery
/
link-interaction.js
diff --git
a/gallery/link-interaction.js
b/gallery/link-interaction.js
index
e1d6faa
..
f95a342
100644
(file)
--- a/
gallery/link-interaction.js
+++ b/
gallery/link-interaction.js
@@
-1,9
+1,12
@@
+/*global Gallery,Dygraph,data */
Gallery.register(
'link-interaction',
{
name: 'Link Interaction',
setup: function(parent) {
parent.innerHTML = [
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> ",
"<div id='div_g'></div>",
"<b>Zoom:</b>",
"<a href='#' id='hour'>hour</a> ",
@@
-13,7
+16,8
@@
Gallery.register(
"<a href='#' id='full'>full</a> ",
"<b>Pan:</b> ",
"<a href='#' id='left'>left</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 = [ ];
},
run: function() {
var r = [ ];
@@
-26,7
+30,7
@@
Gallery.register(
]);
}
var orig_range = [ r[0][0].valueOf(), r[r.length - 1][0].valueOf() ];
]);
}
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,
document.getElementById("div_g"),
r, {
rollPeriod: 7,
@@
-38,7
+42,7
@@
Gallery.register(
}
);
}
);
- var desired_range = null;
+ var desired_range = null
, animate
;
function approach_range() {
if (!desired_range) return;
// go halfway there
function approach_range() {
if (!desired_range) return;
// go halfway there
@@
-55,20
+59,20
@@
Gallery.register(
animate();
}
}
animate();
}
}
-
function animate
() {
+
animate = function
() {
setTimeout(approach_range, 50);
setTimeout(approach_range, 50);
- }
+ }
;
var zoom = function(res) {
var w = g.xAxisRange();
desired_range = [ w[0], w[0] + res * 1000 ];
animate();
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 reset = function() {
desired_range = orig_range;
animate();
- }
+ }
;
var pan = function(dir) {
var w = g.xAxisRange();
var pan = function(dir) {
var w = g.xAxisRange();
@@
-76,7
+80,7
@@
Gallery.register(
var amount = scale * 0.25 * dir;
desired_range = [ w[0] + amount, w[1] + amount ];
animate();
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); };
document.getElementById('hour').onclick = function() { zoom(3600); };
document.getElementById('day').onclick = function() { zoom(86400); };