Javascript 流图可以缩放吗？

我在上找到一个例子，我想知道这个图是否可以像折线图一样缩放？我没有发现任何像“可缩放流图”这样的例子。那么这在d3中是可能的吗？

在蒸汽图中没有什么特别的东西。它是可缩放的，就像任何其他SVG图表一样

例如，我使用Mike Bostock创建的，添加了以下内容：

svg.call(d3.zoom().on("zoom", function() {
        svg.attr("transform", d3.event.transform)
    }))
    .append("g");

结果如下：

或者，如果只想在x轴上缩放：

svg = svg.call(d3.zoom().on("zoom", function() {
    svg.attr("transform", "translate(" + d3.event.transform.x + ",0) scale(" + d3.event.transform.k + ",1)");
}))
.append("g");

结果如下：

---

这些都是简单的演示，只是为了告诉你这是可能的。然而，一个合适的解决方案包括更改x比例和剪切路径，这需要更多的工作。

我认为他只需要水平（x）缩放，所以只需在转换字符串中设置

scaleX

属性，就能得到他想要的更接近的答案