D3js zoom does not work

Question

I can not make zoom work. Tried everything.
My goal:

zoom on mouse scroll
drag the tree by a mouse

The code is here:

svg = d3.select("#tree-container")
        .append("svg").attr("width", width)
        .attr("height", height)
        .call(zm = d3.behavior.zoom().scaleExtent([1, 3]).on("zoom", redraw))
        .append("g")
        .attr("transform", "translate(" + 350 + "," + 20 + ")");

jsFiddle
P.S. sorry for spaggeti code

If possible, please reformat your code in jsfiddle, I got severe pain in my eyes after looking at your code for 20 sec (seriously)... :) — VividD, Jan 22 '14 at 12:33
Works fine if you declare `redraw` as a function -- http://jsfiddle.net/pnTXd/3/ — Lars Kotthoff, Jan 22 '14 at 13:05
Interesting thing, coffeescript converts this function as variable-function. And i could not implement this function on coffescript (without declaration of a class). Anyway it's right answer, submit it :) Thanks. — itsnikolay, Jan 22 '14 at 13:35

score 2 · Accepted Answer · answered Jan 22 '14 at 13:46

2

It's the declaration of your redraw function that causes the problem -- if you declare it as a function, it works fine:

function redraw() {
  // etc
}

Complete example here.

answered Jan 22 '14 at 13:46

Lars Kotthoff

107,425
16
204
204

D3js zoom does not work

1 Answers1