javascript - 渲染D3.js面积图时遇到的问题

我指的是这里的文章http://bl.ocks.org/mbostock/3883195我已替换了自己的数据集，但绘制了一个矩形而不是面积图，我缺少了一些东西，但无法捕捉到我的小提琴位于此处的问题https://jsfiddle.net/9ep4Lnbq/

var area = d3.svg.area()
 .x(function(d) { return x(d.stamp); })
 .y0(height)
 .y1(function(d) { return y(d.loc_total); });

请帮忙

最佳答案

图表工作正常。实际上，它没有显示确切的矩形，但是渐变太小而看不到。面积图看起来像矩形的原因是因为这是您要传递的数据创建的结果：

在2015年12月10日星期四，您有9个数据点分布在几个小时内。最后一个点是9944。剩余的3个数据点分布在接下来的4个月内，但是'loc_total'几乎没有变化：9944，9952 ，9948，9952。

因此，您在早期阶段的'loc_total'有所不同，但是时间尺度太短（4个月中有几个小时）无法在图表中看到。然后，您在时间序列上分布了一些数据点，但是'loc_total'的变化不足。

如果您更改了几个数字，那么当我更改几个“ loc_total”值时，您会发现它工作正常：

var data =[{
    "hash": "de4d2c909ec9e00106a147c81f13d2395aaa1d11",
    "stamp": "Mon Apr 18 16:12:52 UTC 2016",
    "loc_total": 9952
  },
  {
    "hash": "a3957595e859e5bf7ce4d50b9ef1f65afc2cbcb9",
    "stamp": "Mon Feb 15 13:52:37 UTC 2016",
    "loc_total": 6948
  },
  {
    "hash": "f8c8a2eecb4d90b4700313294b5cf32c5cd1fe1c",
    "stamp": "Mon Feb 15 09:38:41 UTC 2016",
    "loc_total": 9952
  },
  {
    "hash": "7405846a24596c8fdcadec8be1f392783d1517fc",
    "stamp": "Thu Dec 10 16:30:12 UTC 2015",
    "loc_total": 7944
  }
...

参见：https://jsfiddle.net/henbox/9ep4Lnbq/1/