title: NVD3 - Positioning of xAxis labels not working
body: <p>I'm new to NVD3 and D3 in general. I've setup a graph and using an array to pass strings for the labels on the xAxis. Unfortunately they are not positioning properly.</p>
  
  <p>jsfiddle: <a href="http://jsfiddle.net/darcyvoutt/daw7s/" rel="nofollow">http://jsfiddle.net/darcyvoutt/daw7s/</a></p>
  
  <p>full screen (see issue easier): <a href="http://jsfiddle.net/darcyvoutt/daw7s/embedded/result/" rel="nofollow">http://jsfiddle.net/darcyvoutt/daw7s/embedded/result/</a></p>
  
  <p>Here is the code:</p>
  
  <pre><code>nv.addGraph(function() {
    var chart = nv.models.multiBarChart()    
      .color(["#24545F", "#428696", "#6DADBD", "#58CBE7"])
      .transitionDuration(10)
      .showControls(false)
      .groupSpacing(0.55) 
      .showLegend(true)    
      .stacked(true)    
      .delay(350)
      ;
  
    var tickMarks = ["YourPhone","Universe X3", "ePhone 74s", "NextUs", "Humanoid"];
  
    chart.xAxis      
        .tickValues(tickMarks)
        .axisLabel("Products")
        ;
  
    chart.yAxis
        .tickFormat(d3.format(',1f'))
        ;
  
    d3.select('#salesChart svg')
        .datum(exampleData())
        .call(chart)
        ;
  
    nv.utils.windowResize(chart.update);
  
    return chart;
  });
  </code></pre>
  
  <p>For emphasis, the variable and passing is as follows:</p>
  
  <pre><code>  var tickMarks = ["YourPhone","Universe X3", "ePhone 74s", "NextUs", "Humanoid"];
  
    chart.xAxis      
        .tickValues(tickMarks)
        ;
  </code></pre>