title: MultiBar chart with nvd3 / d3 only shows labels for every other tick on the x-axis. How can I get them all to show up?
body: <p>Data:</p>
  
  <pre><code>nvd3TestData = [
        {
          values:[
            {x:"M",y:1},
            {x:"T",y:2},
            {x:"W",y:3},
            {x:"R",y:3},
            {x:"F",y:4},
            {x:"S",y:5},
            {x:"U",y:6}
          ],
          key:"Apples"
        },
        {
          values:[
            {x:"M",y:5},
            {x:"T",y:2},
            {x:"W",y:6},
            {x:"R",y:8},
            {x:"F",y:2},
            {x:"S",y:4},
            {x:"U",y:1}
          ],
          key:"Zebras"
        }
      ]
  </code></pre>
  
  <p>Creating the chart (pulled from an angularjs directive):</p>
  
  <p>nv.addGraph ->
      chart = nv.models.multiBarChart()
        .stacked(true)
        .showControls(false)</p>
  
  <pre><code>chart.xAxis
    .axisLabel(attrs.xAxisLabel)
  
  chart.yAxis
    .axisLabel(attrs.yAxisLabel)
    .tickFormat(d3.format(',r'))
  
  
  console.log element
  
  
  d3.select(element[0].children[0])
    .datum(nvd3TestData)
    .call(chart)
  
  nv.utils.windowResize(chart.update)
  </code></pre>
  
  <p>Output:</p>
  
  <p><img src="https://i.stack.imgur.com/Duory.png" alt="Output"></p>
  
  <p>Expected output would have all 7 labels:
  M T W R F S U</p>