Переходы D3.js

Я пытаюсь создать анимированную гистограмму с помощью d3.js. Я хочу, чтобы столбцы отображались один за другим, как в этом примереhttp://nvd3.com/ghpages/multiBar.html. Мне удалось создать аналогичное поведение, но движение начинается с высоты полосы, строит полосу по направлению к оси x -, однако я хочу, чтобы движение начиналось с оси x -и переходило на высоту бар, как пример.

Сильно упрощенная версия моего кода: http://jsfiddle.net/gorkem/ECRMd/

Будем признательны за любую помощь