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
PS抱歉spaggeti代碼

Answer 1

這是您的redraw函數的聲明導致問題 - 如果您將其聲明為函數，它可以正常工作：

function redraw() {
  // etc
}

在這里完成示例。