如何摆脱d3js中的重叠线图答案

【问题标题】：how to get rid of overlap line graph in d3js如何摆脱d3js中的重叠线图
【发布时间】：2016-02-16 07:36:54
【问题描述】：

您能帮我删除折线图上的重叠线吗？这是一个动态图。因此，每当我想将图表的比例更改为更大的域时，整个路径都应该在那里。当我再次将比例更改为更小的比例时，我不想看到折线图或只想看到覆盖我的比例范围的线条。谢谢。

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");

点击链接查看示例输出。

来自：CLICK HERE FOR SAMPLE IMAGE

收件人：CLICK HERE FOR SAMPLE OUTPUT IMAGE

【问题讨论】：

用clipPath剪辑它
谢谢你的想法，但我怎样才能在图表中保留这条线？
那将在 clipPath 内。
知道了！非常感谢！

标签： javascript jquery d3.js svg