Javascript d3js中重叠线图的消除

你能帮我把折线图上的重叠线去掉吗。这是一个动态图。因此，每当我想将图形的比例更改为更大的域时，整个路径都应该在那里。当我再次把刻度换成更小的刻度时，我不想看到折线图，也不想看到覆盖刻度范围的线。谢谢

var data = [
    {"x":1, "y":1},
    ....
    ....
    ];

var line = d3.svg.line()
    .x(function(d) { return xScale(d.x); })
    .y(function(d) { return yScale(d.y); });


var path = svg.append("path")
    .data([data])
    .attr("d", line)
    .attr("stroke", "black");

单击示例输出的链接

发件人：

---

到：

如注释中所述，使用剪辑路径。以下是一些有帮助的示例：

---

用剪贴画剪贴画谢谢你的主意，但是我怎么能把这条线保留在图中呢？那就在剪贴画里面。明白了！谢谢！