Svg d3js多点线显示为闭合形状

我试图生成一条穿过多个点的线

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

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

完整代码位于

---

我做错了什么？

没问题，您只需要禁用填充（根据定义，填充是一个闭合形状）

---

呸！我敢肯定，我已经尝试过这个和其他无数的东西：）谢谢你，米塔米特。

svg.append("path")
  .attr("stroke", "black")
  .attr("fill", "none")// <--- THIS
  .attr("stroke-width",1)
  .attr("d", line(data));

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