如何摆脱d3js中的重叠线图

时间:2016-02-16 07:36:54

标签: javascript jquery d3.js svg

你可以帮我删除线图上的重叠线。这是一张动态图表。因此,每当我想将图表的比例更改为更大的域时,整个路径都应该存在。当我再次将比例改为较小的比例时,我不想看到线图或只看到涵盖我的比例范围的线条。感谢。

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