Updating historicalBar to update attr(transform) on enter.

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()

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