加载完成后D3.js在特定路径上缩放

Question

我想用 D3.js 在路径上触发一个事件。这是一个工作示例：http://jsfiddle.net/kwoxer/kpL1uyy2/

那么我怎么能说一个特定的路径是由 zoomIntoArea 函数触发的。我的意思是最后我有一些路径，我想在启动时加载一个特定的而不单击它。我已经试过了：

zoomIntoArea(d3.select("lines"))

还有其他一些，但可以肯定的是，这并没有给我正确的元素。

Answer 1

您不需要缩放行为来显式缩放到路径，例如：

var bounds = path.bounds(d),
        dx = bounds[1][0] - bounds[0][0],
        dy = bounds[1][1] - bounds[0][1],
        x = (bounds[0][0] + bounds[1][0]) / 2,
        y = (bounds[0][1] + bounds[1][1]) / 2,
        scale = .9 / Math.max(dx / width, dy / height),
        translate = [
            width / 2 - scale * x, 
            height / 2 - scale * y];

svg.transition()
    .duration(750)
    .attr("transform", "translate(" + 
        translate + ")scale(" + 
        scale + ")");