I have an array or objects consisting of a date and some values:
var flatData = [
{ "date": "2012-05-26", "product": "apple" },
{ "date": "2012-07-03", "product": "orange" },
...
]
I am trying to use d3.nest() to get a count of these objects by year and then by month.
var nestedData = d3.nest()
.key(function(d) { return d.date.split('-')[0]; }) // key is the year
.sortKeys(d3.ascending)
.key(function(d) {
var splitDate = d.date.split('-');
return splitDate[0] + '-' + splitDate[1]; // key is year-month
})
.sortKeys(d3.ascending)
.rollup(function(d) {
return d.length;
})
.entries(flatData);
This almost works, except that when there are no objects for a month, the nested data does not contain a record indicating a count of 0 for that month. Is there any trick to tell D3 to fill in these gaps?
(Of course, I can always do it the tedious way, i.e. to loop through all the nested levels and create a new data structure that fills in the gaps.)
Try adding the missing data points after reduction:
var flatData = [
{ "date": "2012-05-26", "product": "apple" },
{ "date": "2012-07-03", "product": "orange" }]
nestedData = d3.nest()
.key(function(d) { return d.date.split('-')[0]; }) // key is the year
.sortKeys(d3.ascending)
.key(function(d) {
var splitDate = d.date.split('-');
return splitDate[0] + '-' + splitDate[1]; // key is year-month
})
.sortKeys(d3.ascending)
.rollup(function(d) {
return d.length;
})
.entries(flatData);
yMFormat = d3.time.format('%Y-%m')
makeAllKeys = function(year) {
allKeys = [];
for(var i = 0; i<12;i++) { // 12 months in a year
allKeys.push(yMFormat(new Date(year,i,1)));
}
return allKeys;
}
nestedData = nestedData.map(function(yearObj) {
return {
values: makeAllKeys(+yearObj.key).map(function(k) {
value = yearObj.values.filter(function(v) { return v.key == k; })[0];
return value || ({key: k, values: 0});
})
};
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With