title: d3+crossfilter: Date-axis renders pixelthin bars
body: <p>I spent the better part of the day trying to get a nice Date-axis histogram, to the extent that I'm posting my first question on stackoverflow.</p>
  
  <p><img src="https://i.stack.imgur.com/UQOIN.png" alt="bars are too thin"></p>
  
  <p>The axis and the stacking are just the way I want it, however the bars are really thin for no (to me) apparent reason. In other words, I would really appreciate some help.</p>
  
  <p>Here's a minimized version (I'm using the dc.js library, however I'm pretty confident the challenges is on d3+crossfilters behalf):</p>
  
  <pre><code>var jsonstr = [{"timestamp": "2013-06-13T11:04:24.729Z"},{"timestamp": "2013-06-17T11:03:24.729Z"},{"timestamp": "2013-06-17T11:02:24.729Z"},{"timestamp": "2013-06-19T11:02:14.129Z"}];
  
  var ndx = crossfilter(jsonstr);
  
  var timestampD = ndx.dimension(function (d) {
      return new Date(d.timestamp);
  });
  
  var timestampDG = timestampD.group(function (d) {
      return d3.time.day(d);
  });
  
  var barChart = dc.barChart("#dc-bar");
  barChart.width(500)
      .height(250)
      .dimension(timestampD)
      .group(timestampDG)
      .x(d3.time.scale().domain([(new Date(2013,05,12)), (new Date(2013,05,20))]).nice(d3.time.day))
      .xAxis().tickFormat(function (x) {
          return x.getDate() + "/" + (x.getMonth()+1);
      });
  
  dc.renderAll();
  </code></pre>