D3：如何避免条形图上出现多重重叠？

Question

我用1985年到2015年的时间域设置了我的条形图的比例.D3显示得很好;但是，有些酒吧有重叠。我可以减小它们的宽度，但它太小了。请参见此处的屏幕截图：http://imgur.com/y8QDbqn。

有没有办法迫使这些酒吧一个接一个地对齐，即使它需要在对齐中作弊一点？

一些代码片段：

var x = d3.time.scale()
.range([0, width]);

---

  x.domain(d3.extent(data, function(d) { return d.date; }));

---

  svg.selectAll("bar")
  .data(data)
.enter().append("rect")
  .style("fill", function(d) { return color(d.parti);  })
  .attr("x", function(d) { return x(d.date); })
  .attr("width", 5)
  .attr("y", function(d) { return y(d.nombre); })
  .attr("height", function(d) { return height - y(d.nombre); });

（完整代码：https://gist.github.com/992502bf6118da4b7b6b.git）

谢谢！