D3js缩放不起作用

Question

我无法进行缩放工作。尝试了一切。
我的目标：

• 放大鼠标滚动
• 用鼠标拖动树

代码在这里：

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
附：对不起spaggeti代码

Answer 1

这是导致问题的redraw函数的声明 - 如果你将它声明为函数，它可以正常工作：

function redraw() {
  // etc
}

完整示例here。