D3 Time Axis in a specific time zone [duplicate]

Answer 1

Borrowed from this question: How do I include newlines in labels in D3 charts?

You can add a function to parse the X axis like so:

var parseXaxis = function (d) {
    var el = d3.select(this);
    var dtFormat = d3.time.format('%m/%d %H:%M');
    var words = dtFormat(d).split(' ');
    el.text('');

    if (words[1] == "00:00") {
        el.append('tspan').text(words[0]);        
    }
    else {
        el.append('tspan').text(words[1]);        
    }    
};

svg.selectAll('g.x.axis g text').each(parseXaxis);

Fiddle here. You can do more filtering to remove ticks for 06:00 and 18:00 as well if needed.