使用d3js显示时间线

Question

I am new to d3js, trying to display a graph with X axis having time series, 00:00 to 23:59. Trying to configure d3js to parse time as below

var parseTime = d3.time.format("%H%M").parse;
var mytime = "2045"; // I expect it to be 8 45 PM
mytime = parseTime(mytime);
alert(JSON.stringify(mytime));

But the alert shows "1900-01-01T15:15:00.000Z" instead of 20:45. I know something is terribly wrong, may be my understanding itself is wrong.

Any pointers to have timeseries data on x series would be helpful.

Answer 1

Try to add .tickFormat(d3.timeFormat("%H%M")) in your x-axis declaration.

For a more general explanation of tickformat you can read this post: https://bl.ocks.org/mbostock/9764126