Change date format to string d3 js

Question

I'm trying to change the label format from date to string.

I tried changing the formats but it didn't work. Here is my codepen: https://codepen.io/sampath-PerOxide/pen/bzVOoG

var dateformat = "%Y-%m"
drawTimeSeriesGraph(data1, dateformat);

I want to pass the string in the place of the date.

I want to change the date format to string so that I can pass any custom string like Jan-19-week1, April-19-week4... — Sampath, Jan 25 '19 at 12:02
refer this post. https://stackoverflow.com/questions/40239174/d3-cumulative-line-chart — Sunil, Jan 25 '19 at 18:24

score 1 · Accepted Answer · answered Jan 25 '19 at 12:28

You can format your axis ticks however you like with tickFormat. Just pass it your own function that returns the string you want based on the data (the function can access the current datum and index).

xAxis.tickFormat((d, i) => {
    const date = formatDate(d)
    return `${date} - Month ${i+1}`
});

Codepen

Change date format to string d3 js

1 Answers1