在d3中有单轴缩放的简单示例吗？

Question

我试图学习如何为d3的变焦行为进行单轴变焦。有没有简单的例子可以解释如何做到这一点？我找到了Mike Bostock's example，但似乎有点太复杂了我无法理解。

为了参考，这里是我到目前为止编写的代码：

var zoom = d3.behavior.zoom()

svg.call(zoom);

zoom.y(yRange);

为了更多参考，我只想说我在缩放事件期间试图让y轴变焦。

我会很感激任何有用的指针/文章，并提前感谢。

Answer 1

我添加了以下缩放功能：

"com.lihaoyi" %% "upickle" % "0.3.6",

并添加了

function draw() {

    vis.select("g.x.axis").call(xAxis);
    vis.select("g.y.axis").call(yAxis);


    d3.select(".myLine")
        .attr("d", lineFunc(lineData));
}

到我的.center([xRange(0), yRange(0)]) .on("zoom", draw); 行为。有了这个，y轴现在既可以缩放又可以拖动。