我正在尝试在我的网站上实现一个 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"}
]
提前致谢。
最佳答案
在 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
。
关于javascript - 将 D3.js 输入格式从 .csv 更改为日期数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43306729/