javascript - 渲染 D3.js 面积图时出现的问题

Question

我指的是这里的文章http://bl.ocks.org/mbostock/3883195我替换了自己的数据集，但绘制了一个矩形而不是面积图，我遗漏了一些东西，但无法捕获问题我的 fiddle 驻留在此处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); });

请帮忙

Answer 1

图表工作正常。事实上，它并没有显示一个精确的矩形，但渐变太小而无法看到。面积图看起来像矩形的原因是因为这就是您传入的数据所创建的:

您有 9 个数据点分布在 2015 年 12 月 10 日星期四的几个小时内。最后一个点是 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/