Question

I have received a request from a client for a project burndown chart using a line graph. The problem is they want the date on the x-axis to be formatted in a particular way mmm dd-dd/yy (e.g. Nov 18-24/12) where 18-24 is a week (18th through the 24th). Is it possible to create a custom date format in D3, If not what would be the best way to accomplish this?

Answer 1

I went with creating my own format specifier “%o”

o: function(d) {
    var weekInSeconds = 6 * 86400000;
    var eowDate = new Date(d.getTime() + weekInSeconds);
    return d3_time_zfill2(eowDate.getDate());
},

around line 6824 in the d3.v2.js file. Not the cleanest implementation but it works.