javascript - 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 .