d3.js删除数据后的动画问题

Question

代码：
http://codepen.io/fonglezen/pen/jPbYGy

我想在删除元素的时候，是左侧第一个往左移动移除的，而不是最后一个飞到前面去。
要怎么解决呢？

效果大概类似于：
http://echarts.baidu.com/doc/example/dynamicLineBar.html

Answer 1

//删除后data数据删除一条
dataset.shift();
//更新X轴比例尺
xScale.domain(d3.range(dataset.length));
//选择所有的方形图，重新绑定数据
var bars=svg.selectAll("rect")
.data(dataset); 
bars.exit()
.transition()
.duration(500)
.attr("x", w)
.remove();//将多余的删除