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