使用d3.js放大折线图

Question

我正在使用d3.js构建折线图。如何实现缩放功能？尝试在svg上调用zoom（）方法，但没有结果。

我已经创建了一支笔。

https://codepen.io/abhiborkakoty/pen/rgJooN

试图使用zoom（）方法修改代码，但没有结果。

  .attr("width", width + margin.left + margin.right)
  .attr("height", height + margin.top + margin.bottom)
.append("g")
  .attr("transform",
        "translate(" + margin.left + "," + margin.top + ")").call(d3.behavior.zoom().on("zoom", function () {
    svg.attr("transform", "translate(" + d3.event.translate + ")" + " scale(" + d3.event.scale + ")")
  }))
  .append("g");