d3js多点线条显示为封闭形状

Question

我正试图通过多点生成一条线。

var line = d3.svg.line() 
    .x(function(d){return d[0];}) 
    .y(function(d){return d[1];}) 
    .interpolate("basis"); 

var data = [[10,20],[200,100],[80,120], [40, 80]]; 

svg.append("path") 
    .attr("stroke", "black") 
    .attr("stroke-width",1) 
    .attr("d", line(data)); 

线（轮廓）绘制正确，但是显示的是封闭形状，而不是曲线。

完整代码是http://jsbin.com/inehon/2

我到底做错了什么？

Answer 1

没问题，你只需要禁用填充（根据定义它是封闭的形状）。

您可以通过CSS实现这一点为好，如果你喜欢

svg path { 
    fill: none; 
    stroke: black; 
}