d3 채워진 선 그래프에서 clip-path가 작동하지 않습니다.

Question

채워진 선 그래프가 있으며 클립 경로를 설정하려고합니다. 현재 채워진 영역은 그래프 테두리 아래로 축 표기법으로 내려갑니다.

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

누구나 가지고 : http://jsfiddle.net/HgP6D/6/

심지어 작은 값으로 클립 경로를 설정하는 것은 아무것도 변경하지 않는 것 : 여기

내 코드의 JS 바이올린입니다 어떤 생각? 감사.

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