javascript - 将 D3.js 输入格式从 .csv 更改为日期数组

Question

我正在尝试在我的网站上实现一个 d3.js 直方图，它从 solr 响应中获取数据。在我的研究中，我发现了 Mike Bostock谁在提供出色的 D3 解决方案。其中之一是“Histogram II”，它非常适合我的需要。问题是它(以及我发现的所有其他类似解决方案)都带有 .csv 作为数据源。我想使用数组作为数据源，但在尝试更改输入时失败了。

能否请您给我一个提示，必须更改哪些行才能使用以下数组，该数组当前基于 Mike Bostocks .csv:

my_data = [
    {"id": "10097071", "case": "HY285524", "date": "06/02/2015 09:41:19 PM"},
    {"id": "21907", "case": "HY291065", "date": "06/07/2015 03:50:00 AM"}
  ]

提前致谢。

Answer 1

在 Bostock 的原始代码中，date 字符串由 type 函数解析，由 d3.csv 作为行函数调用:

function type(d) {
    d.date = parseDate(d.date);
    return d;
}

由于您计划使用变量来保存数据数组并完全摆脱 d3.csv，因此您必须以其他方式解析 date 字符串.例如，您可以使用 forEach:

data.forEach(function(d){
  d.date = parseDate(d.date)
})

这是演示，我刚刚修改了 Bostock 的代码以使用数组而不是 CSV 文件:https://bl.ocks.org/anonymous/bb0d820fbca8fbdf0f8827b0edbcbd44 .查看 data 数组之后的 forEach。