With NVD3.js (nv.models.lineWithFocusChart), how do you set specific ticks on X-axis, when x values are dates?

Question

I\'m using nv.models.lineWithFocusChart, where I\'m showing some hourly measurements. So the x domain is dates.

What I need is to show a tick per hour on X axis:

Answer 1

D3 offers a convenience function for doing specific time intervals (see the documentation). You should be able to simply do

chart.xAxis.ticks(d3.time.hours, 1)