d3剪辑路径不适用于实线图

Question

我有一个实线图，我试图设置一个剪辑路径。现在填充区域下降到图形边界下方并记入轴符号。

这里是我的代码JS提琴：http://jsfiddle.net/HgP6D/6/

剪辑路径，即使设置为一个很小的值似乎并没有改变什么：

// Add the clip path. 
g.append("clipPath") 
.attr("id", "rect") 
.append("rect") 
.attr("width", 100) 
.attr("height", 100) 

任何人有任何想法？谢谢。

Answer 1

我不知道剪辑路径，但这个修复的区域，因此不会下降低于0：

var area = d3.svg.area() 
    .interpolate("monotone") 
    .x(function(d,i) { return x(i); }) 
    .y0(-y(0)) 
    .y1(function(d) { return -y(d); })