diff --git a/src/models/historicalBar.js b/src/models/historicalBar.js
index 358b919..ab223a6 100644
--- a/src/models/historicalBar.js
+++ b/src/models/historicalBar.js
@@ -114,6 +114,7 @@ nv.models.historicalBar = function() {
           .attr('x', 0 )
           .attr('y', function(d,i) {  return nv.utils.NaNtoZero(y(Math.max(0, getY(d,i)))) })
           .attr('height', function(d,i) { return nv.utils.NaNtoZero(Math.abs(y(getY(d,i)) - y(0))) })
+          .attr('transform', function(d,i) { return 'translate(' + (x(getX(d,i)) - availableWidth / data[0].values.length * .45) + ',0)'; }) 
           .on('mouseover', function(d,i) {
             if (!interactive) return;
             d3.select(this).classed('hover', true);
@@ -171,7 +172,7 @@ nv.models.historicalBar = function() {
           .transition()
           .attr('transform', function(d,i) { return 'translate(' + (x(getX(d,i)) - availableWidth / data[0].values.length * .45) + ',0)'; }) 
            //TODO: better width calculations that don't assume always uniform data spacing;w
-          .attr('width', (availableWidth / data[0].values.length) * .9 )
+          .attr('width', (availableWidth / data[0].values.length) * .9 );
 
 
       bars.transition()
diff --git a/test/polylinearTest.html b/test/polylinearTest.html
index 86e75c9..eef88b3 100644
--- a/test/polylinearTest.html
+++ b/test/polylinearTest.html
@@ -118,6 +118,7 @@ function barChartConfig(data) {
       chart.color(["#ff7f0e"])
       .yDomain([0,2,130])
       .yRange([fullChartHeight,50,0])
+      .transitionDuration(500)
       ;
 
       chart.xAxis