title: D3 Millisecond tick interval issue
body: <pre><code>var xAxis = d3.svg.axis()
        .scale(timeScale)
        .orient('bottom')
        .ticks(d3.time.millisecond, 100)
        .tickSize(-h + theTopPad + 20, 0, 0)
        .tickFormat(d3.time.format('%S:%L'));
  </code></pre>
  
  <ol>
  <li><p>Range of my data is 0-3000ms. The above code displays it as 00:100, 00:200, 00:300; which is very messy since most of the expected data will be below 1000ms.<br>
  I'm looking for something like '100, 200,....900, 1000, 1100' i.e. without overlapping over 'seconds'.<br>
  If that's not possible, then the next best alternative would be '0:100, 0:200, 0:300 ... 1:100' i.e. without the 'seconds's leading zero.<br>
  Is any of this possible?</p></li>
  <li><p>More Importantly, the spacing of the ticks seems to be stuck to '100ms'. If I change it to <code>.ticks(d3.time.millisecond, 50)</code> or anything else, it doesn't make a difference. Bug?</p></li>
  </ol>
  
  <p>EDIT: I got the answer to the <strong>first</strong> question. Simply use:</p>
  
  <pre><code>var tickformatter = d3.format("f")
  
  .tickFormat(function(d) { return  tickformatter(d) + "ms"; });
  </code></pre>
  
  <p><strong>FIDDLE:</strong> <a href="http://jsfiddle.net/Q5Jag/613/" rel="nofollow">http://jsfiddle.net/Q5Jag/613/</a></p>