Created
June 15, 2011 07:33
-
-
Save g2010a/1026649 to your computer and use it in GitHub Desktop.
Behaviors for D3 Visualization library
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| d3.behavior.drag = function() { | |
| var x = 0, | |
| y = 0, | |
| listeners = [], | |
| dragit | |
| function drag() { | |
| var container = this | |
| .on("mousedown", mousedown) | |
| } | |
| function mousedown(d, i) { | |
| // Pick up on where we left before | |
| // NOTE: Are regexes necessary? | |
| var prevtrans = d3.select(this).attr('transform'); | |
| d3.select(window) | |
| .on("mousemove", mousemove) | |
| .on("mouseup", mouseup); | |
| if (prevtrans) { | |
| var reg = prevtrans.match(/translate\((\d+),(\d+)\)/i) | |
| x = reg[1]; | |
| y = reg[2]; | |
| } else { | |
| x = 0; y = 0; | |
| } | |
| // Replace x and y with new coordinates | |
| dragit = { | |
| x0: x - d3.event.clientX, | |
| y0: y - d3.event.clientY, | |
| target: this, | |
| data: d, | |
| index: i | |
| }; | |
| d3.event.preventDefault(); | |
| window.focus(); // TODO focusableParent | |
| } | |
| function mousemove() { | |
| if (dragit) { | |
| x = d3.event.clientX + dragit.x0; | |
| y = d3.event.clientY + dragit.y0; | |
| dispatch.call(dragit.target, dragit.data, dragit.index); | |
| } | |
| } | |
| function mouseup() { | |
| d3.select(window) | |
| .on("mousemove", null) | |
| .on("mouseup", null); | |
| if (dragit) { | |
| mousemove(); | |
| dragit = null; | |
| } | |
| } | |
| function dispatch(d, i) { | |
| var o = d3.event // Events can be reentrant (e.g., focus). | |
| d3.event = { | |
| translate: [x, y] | |
| }; | |
| try { | |
| for (var j = 0, m = listeners.length; j < m; j++) { | |
| listeners[j].call(this, d, i); | |
| } | |
| } finally { | |
| d3.event = o; | |
| } | |
| } | |
| drag.on = function(type, listener) { | |
| if (type == "drag") listeners.push(listener); | |
| return drag; | |
| }; | |
| return drag; | |
| }; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| d3.behavior.select = function() { | |
| var listeners = [], | |
| sel; | |
| function select() { | |
| var container = this | |
| .on("mousedown", mousedown) | |
| } | |
| function mousedown(d, i) { | |
| sel = { | |
| m: d3.svg.mouse(this), | |
| dm: [0,0], | |
| target: this, | |
| data: d, | |
| index: i | |
| }; | |
| d3.select(window) | |
| .on("mousemove", mousemove) | |
| .on("mouseup", mouseup); | |
| d3.event.preventDefault(); | |
| window.focus(); // TODO focusableParent | |
| } | |
| function mousemove() { | |
| if (sel) { | |
| sel.dm = d3.svg.mouse(sel.target); | |
| dispatch.call(sel.target, sel.data, sel.index); | |
| } | |
| } | |
| function mouseup() { | |
| d3.select(window) | |
| .on("mousemove", null) | |
| .on("mouseup", null); | |
| if (sel) { | |
| mousemove(); | |
| sel = null; | |
| } | |
| } | |
| function dispatch(d, i) { | |
| var o = d3.event // Events can be reentrant (e.g., focus). | |
| d3.event = { | |
| select: {start:sel.m, end:sel.dm} | |
| }; | |
| try { | |
| for (var j = 0, m = listeners.length; j < m; j++) { | |
| listeners[j].call(this, d, i); | |
| } | |
| } finally { | |
| d3.event = o; | |
| } | |
| } | |
| select.on = function(type, listener) { | |
| if (type == "select") listeners.push(listener); | |
| return select; | |
| }; | |
| return select; | |
| }; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment