遍历 D3 中所有数据点之间的所有值

Question

我有数据。比方说：

date,comments
19-Apr-2016,Today was great.
21-Apr-2016,Today was not so great.
1-May-2016,Interesting things happened!

（当然所有日期都被解析为日期）

我想遍历从2016年4月19日到2016年5月1日的每一天，并为每个天制作一个元素，然后在它存在的地方注入相关数据。例如：

19-Apr-2016 - Today was great.
20-Apr-2016 - <No entry>
21-Apr-2016 - Today was not so great.
22-Apr-2016 - <No entry>
...
1-May-2016 - Interesting things happened!

这是当前代码。它执行前者并为每个数据点创建一个元素：

preview.selectAll("svg")
    .append("g")
    .data(sums)
    .enter()
    .append("rect")
    // Drawing code etc. Setting height, class, color, w/e

无论是否有数据，如何循环遍历所有日期？

Answer 1

D3 的内置 nest 可能是最简单的方法。

不要直接绑定sums。首先使用 nest 按日期对数据进行分组，然后根据该分组绘制图表。

Answer 2

这是我将如何解决这个问题的伪代码。

假设您的求和对象是一个数组，其中存储了您所代表的数据

19-Apr-2016 - Today was great. 20-Apr-2016 - <No entry> 21-Apr-2016 - Today was not so great. 22-Apr-2016 - <No entry> ... 1-May-2016 - Interesting things happened!

现在在我绘制的函数中我会这样做

var start = new Date(2016, 3, 19);//19-Apr-2016
var end = new Date(2016, 4, 1);//1-May-2016
for (var d = start; d <= end; d.setDate(d.getDate() + 1)) {
  //for each date append a group
  var grp = preview.selectAll("svg").append("g")
  var myData = //get the data from sums array for which the date is d(in iterator)
  if(myData){
    grp.append("rect").style("stroke", 1) ...
  }else {
   //date not in the sums array.
  }

}

希望对您有所帮助！

遍历 D3 中所有数据点之间的所有值

Going through all values between all points of data in D3

javascript

visualization

time-series

data-processing

d3.js