Javascript d3剪辑路径不适用于填充线图

Javascript d3剪辑路径不适用于填充线图,javascript,css,d3.js,clip,Javascript,Css,D3.js,Clip,我有一个填充线图,我正在尝试设置剪辑路径。此时,填充区域下降到图形边框下方,并进入轴符号 下面是我的代码: 即使将剪辑路径设置为较小的值,似乎也不会改变任何内容: // Add the clip path. g.append("clipPath") .attr("id", "rect") .append("rect") .attr("width", 100) .attr("height", 100) 有人知道吗?谢谢。我不知道剪辑路径,但这会修复该区域,使其不会下降到0以下: var are

我有一个填充线图,我正在尝试设置剪辑路径。此时,填充区域下降到图形边框下方,并进入轴符号

下面是我的代码:

即使将剪辑路径设置为较小的值,似乎也不会改变任何内容:

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

有人知道吗?谢谢。

我不知道剪辑路径,但这会修复该区域,使其不会下降到0以下:

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