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