Javascript D3.js是否可以使用平滑线条的面积图？

我正在用D3.js创建面积图，并用平滑线制作。 可能吗

在我的代码中，我只创建了

svg

，并将行和区域放在上面。我使用虚拟数据

下面是我的代码：

---

提前感谢。

您必须在d3.area函数上添加插值，如下所示：

var area = d3.svg.area()
            .interpolate("monotone")  //Here
            .x(function(d)  {  return x(d.x); })
            .y0(230)
            .y1(function(d) {  return y(d.y); });

可在此处找到更多选项： 在这一页的末尾

var area = d3.svg.area()
            .interpolate("monotone")  //Here
            .x(function(d)  {  return x(d.x); })
            .y0(230)
            .y1(function(d) {  return y(d.y); });